DOM操作基本用法

本文列举了js中DOM选取的基本用法，在列表中没有id的情况下如何选取到需要的一项，代码如下：

 1 <h2>获取Jerry的js代码</h2>
 2 <ul id="firstList">
 3     <li>Tom</li>
 4     <li>Jerry</li>
 5     <li>Bob</li>
 6     <li>John</li>
 7 </ul>
 8 <ul id="secondList">
 9     <li>张三</li>
10     <li>李四</li>
11     <li>王五</li>
12 </ul>
13 
14 <script>
15     var name = document.getElementById("firstList").getElementsByTagName("LI")[1].innerHTML;
16     document.write("选取到的名字是：" + name);
17 </script>

如例：把id选择器选到的整个列表（document.getElementById("firstList")）当做一个对象，在通过标签选择器选到一个数组下标得到内容。

posted @ 2017-12-01 16:14  Justin_Xean  阅读(224)  评论(0)  编辑  收藏  举报
dddedeeded