如何使用JavaScript操作HTML元素

我试图在鼠标上缩放HTML图像。我之所以使用javascript，是因为我想通过将鼠标悬停在一个元素上，以不同的方式操纵多个元素。 这是我的javascript（我试图操纵的元素称为“logoF”）：

---

但由于某些原因，它不起作用。如果有人能告诉我为什么，我将不胜感激。

您的选择器错误，这可能就是问题所在

而不是

var logoF = document.getElementById("#logoF");

试试看（不带“#”）

---

您必须删除

var logoF=document.getElementById（“logoF”）中的
。这是正确的方法-

var logoF = document.getElementById("logoF");

片段


$（文档）.ready（函数（）{
var logoF=document.getElementById（“logoF”）；
logoF.onmouseover=函数（）{
logoF.style.webkitttransform=“比例（0.8）”；
logoF.style.msTransform=“比例（0.8）”；
logoF.style.transform=“比例（0.8）”；
};
});
除了答案之外：


$（document）.on（'mouseover mouseout'，'#logo'，function（）{
$（'img'）.toggleClass（'scaled'））
});
img{
最大宽度：100%；
过渡：1s；
}
#标志{
宽度：300px；
溢出：隐藏；
}
.缩放{
变换：尺度（2）；
过渡：1s；
}

谢谢！删除了“#”，结果发现我也在错误的地方导入了脚本。谢谢你的帮助，哈哈！
var logoF = document.getElementById("logoF");

var logoF = document.getElementById("logoF");