逆战班:DOM获取元素对象
DOM: 文档对象模型( Document Object Model ,简称DOM) . DOM树 文档:一个页面就是一个文档,在DOM中使用document表示 元素:页面中的所有标签都是元素,DOM中使用element表示 节点:网页中的所有内容都是节点(标签、属性、文本、注释等) , DOM中使用node表示 DOM以上内容都看做对象。 如何获取元素: 1根据ID获取 .getElementById() <div id="name">hellow world</div> <script> var name_div=document.getElementById('name'); console.log(name_div); </script> 2通过标签名获取 .getElementsByTagName() <ul> <li>A1</li> <li>A2</li> <li>A3</li> <li>A4</li> </ul> <script> var lis=document.getElementsByTagName('li'); console.log(lis); </script> 注意 : 返回的值是以伪数组的形式来存储的,可以通过遍历的方式 来取出所有的元素对象 <ul> <li>A1</li> <li>A2</li> <li>A3</li> <li>A4</li> <