请原谅我的无知,我不知道我在做什么,但我正在努力。
我试图通过搜索来找出它,但它只在 jQuery 中产生了一个功能结果。由于这是一个很小的部分,我认为最好只使用普通的 JavaScript,而不是加载整个 jQuery 库。
有谁知道我如何/是否可以完成下面相同的功能,但只有正常的JavaScript
您可以使用getElementById
使用选择一个元素id
(相当于$("#something")
), and getElementsByClassName
根据类名选择元素(相当于$(".something")
),并且您可以使用style
属性来设置display
样式(相当于 jQuery.css
方法):
var boxes = document.getElementsByClassName("box1");
document.getElementById("butt1").onclick = function() {
document.getElementById("links").style.display = "none";
for(var i = 0; i < boxes.length; i++) {
boxes[i].style.display = "inline";
}
}
但请注意getElementsByClassName
旧版本的 IE 不支持,这就是为什么 jQuery 即使对于小事情也很有用 - 它缩短了代码并消除了所有恼人的浏览器小差异。
另外,上面的代码和 jQuery 之间的一个主要区别是使用.live
jQuery 方法,它监视 DOM 并将事件附加到与选择器匹配的任何元素,无论它已经在 DOM 中还是将来添加。使用上面的代码,如果还没有一个元素id
当代码运行时,DOM中的“butt1”,你会得到一个TypeError,因为getElementById
将返回null
.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)