JavaScript

文档对象模型（DOM）

DOM-Document Object Model，是W3C国际组织的一套Wed标准。它以树形结构表示文档（HTML、XML等），定义了遍历、检查和修改各节点的属性和方法。

HTML DOM定义了访问和操作HTML文档的标准方法，它把HTML文档呈现为带有元素、属性和文本的树形结构，定义了访问HTML文档对象的属性、方法和事件。

HTML文档中的每个成分都是一个节点（整个文档是一个文档节点；每个HTML标签是一个元素节点；包含在HTML元素中的文本是文本节点；每一个HTML属性是一个属性节点；注释属于注释节点）

DOM可以干什么？（1）获取一个元素（2）移除一个元素（3）创建一个元素（4）向页面里面添加一个元素（5)给元素绑定一些事件（6)获取元素的属性（7）给元素添加一些css样式。

DOM的核心对象就是document对象

每个节点都拥有包含着关于节点某些信息的属性。
nodeName（节点名称）:所包含的元素的标签名称永远是大写的;元素节点的nodeName是标签名称;属性节点的nodeName 是属性名称;文本节点的 nodeName永远是#text;文档节点的nodeName永远是#document

<div id="div1">这是div1</div>
//通过标签的id属性获取元素
var div1=document.getElementById("div1")

div1.innerHTML="更改后的div1"

<div id="div1">这是div1</div>

<div id="div2">这是div2</div>

//通过标签名来获取标签

var divs=document.getElementsByTagName("div")

console. Log (divs）
for（var i=0;i<divs.length;i++){

console.log (divs [i])

}

<span class="sp">这是一个span标签</span>
<p class="sp"></p >

//获取到所有属性class的值使sp的标签

var els=document.getElementsByClassName("sp")

console.log (els)

//通过选择器名称来获取

var queryS=document.querySelector(".sp")

console.log (queryS)

var queryAll=document.querySelectorAll(".sp")

console.log (queryAll)