web前端：JS---DOM---总结获取元素的方式

作者:jane_panyiyun更新于： 2020-03-12 00:03:27

　　DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。可以把DOM认为是页面上数据和结构的一个树形表示，不过页面当然可能并不是以这种树的方式具体实现。

　　总结获取元素的方式

　　1.根据id属性的值获取元素,返回来的是一个元素对象

　　document.getElementById("id属性的值");

　　document.getElementById("btn");

　　2.根据标签名字获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象

　　document.getElementsByTagName("标签名字");

　　document.getElementsByTagName("li");

　　下面的几个,有的浏览器不支持

　　3.根据name属性的值获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象

　　document.getElementsByName("name属性的值")

　　document.getElementsByName("name1")

　　4.根据类样式的名字来获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象

　　document.getElementsByClassName("类样式的名字")

　　document.getElementsByClassName("cls")

　　5.根据选择器获取元素,返回来的是一个元素对象

　　document.querySelector("选择器的名字");

　　document.querySelector("#btn");//id，类，标签等选择器用的比较多

　　6.根据选择器获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象

　　document.querySelectorAll("选择器的名字")

　　DOM是遵循W3C(万维网联盟)的标准。

　　DOM定义了访问html和XML文档的标准:

　　"W3C文档对象模型(DOM)是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。"