开发学院网页设计 JavaScript Javascript实例教程:获取页面中的dom元素阅读

Javascript实例教程:获取页面中的dom元素

　2012-04-15 09:17:29　来源：WEB开发网　　　

核心提示：<li></li><li></li><ul></div>JQ的方法：$("#dom ul li")或者$("#dom li")或者$("#dom > li"),原生JS方法：var

<li></li>
<li></li>
<ul>
</div>

JQ的方法：$("#dom ul li")或者$("#dom li")或者$("#dom > li"),
原生JS方法：var c = document.getElementById("dom").getElementsByTagName("li");但是这个c不等同于上面，因为不能像上面JQ那样直接使用。需要用for循环才能一起使用。如果单个使用比如说我只用第一个li，只需要var c = document.getElementById("dom").getElementsByTagName("li")[0]，用第二个就是var c = document.getElementById("dom").getElementsByTagName("li")[1],以此类推。因为DOM元素在JS中是以数组形式存放的。

上面的都还算好理解。现在我要讲的这个是大家都常用的。但是在原生JS里获取也是最麻烦的一个属性就是class属性,
<div class = "dom'>
</div>