如何通过将鼠标悬停在另一个图像上来更改文本大小

Question

我正在尝试制作一个带有鼠标陷阱的网站，当鼠标悬停在鼠标陷阱的图像上时，文本会改变大小。

var mousetrap5 = document.getElementById('mousetrap-5');
var blogText = document.getElementById('blog-text');
mousetrap5.onmouseover = function() {
blogText.fontSize = '100px';
blogText.style.fontsize = '100px';
}

我已经将第4行和第5行更改为'100px'，这样更改将更加明显，但什么也没发生。

Answer 1

您只需要将"S〃；在CCD_ 2中。见下文！：(

var mousetrap5 = document.getElementById('mousetrap-5');
var blogText = document.getElementById('blog-text');
mousetrap5.onmouseover = function() {
blogText.style.fontSize = '100px';
}

<div id="mousetrap-5">
<span id="blog-text">Hello World</span>
</div>

Answer 2

element.style.fontSize

var mousetrap5 = document.getElementById('mousetrap-5');
var blogText = document.getElementById('blog-text');
mousetrap5.onmouseover = function() {
blogText.fontSize = '100px';
blogText.style.fontSize = '100px';
}

<div>
<h1 id="mousetrap-5">Test</h1>
<span id="blog-text">ABCDE</span>
</div>