javascript - 使用 getElementById 设置 div 段落的样式

标签 javascript jquery html css

因此,在图像悬停时,我希望该 div 中的段落消失。所以,我正在尝试做这样的事情:

$("#One1 img").hover(function(){
    var par = document.getElementById('One1 p');
   par.style.display = "none";
},function(){});

但我收到错误“Uncaught TypeError: Cannot read property 'style' of null'”

我知道 div 的 getElementById 只是 var par = document.getElementById('One1'); 但我怎样才能获得该 div 中的段落?谢谢!

最佳答案

document.getElementById() 只会获取具有所述 id 的元素,它不会将任何 css 选择器作为其参数。

既然你用的是jQuery,就用它提供的选择器就可以了

$("#One1 img").hover(function () {
    $('#One1 p').hide();
}, function () {
    $('#One1 p').show();
});

关于javascript - 使用 getElementById 设置 div 段落的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26165485/

相关文章:

javascript - 使第一个子项和最后一个子项在 IE8 中工作

javascript - 如何为附加元素提供 id?

html - 如何使用 css 赋予自定义形状边框效果

javascript - CSS 大小相互依赖和通过 Chrome 中的 JS 调整大小 : possible bug?

Javascript 缓动而不是动画

javascript - 调用变量来引用数组

javascript - 将javascript函数放入字符串中

javascript - 将 32 位无符号 "Real"数据类型(拆分为两个 16 位有符号字)转换为 javascript

javascript - TypeError : abc. getAttribute 不是函数

html - pagepiling.js 中特定部分的鼠标滚动问题