一.什么是DOM
文档对象模型 (DOM) 是HTML和XML文档的编程接口。它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容。
DOM 将文档解析为一个由节点和对象(包含属性和方法的对象)组成的结构集合。简言之,它会将web页面和脚本或程序语言连接起来。
二.什么是DOM节点
DOM节点分为三大类: 元素节点(标签节点)、属性节点和文本节点。
属性节点和文本节点都属于元素节点的子节点。 因此操作时,需先选中元素节点,再修改属性和文本。
怎样查看元素节点
1.1通过getElermentBy找分以下四种
1.通过ID来查看元素属性
<div id="box"></div>
var o = document.getElementById("box"); //取到的就是固定的节点对象id为box的<div>
2.通过类名来查看元素属性
<div>
<div class="a"></div>
<div class="a"></div>
<div class="a">
<p class="a"></p>
</div>
</div>
<script>
var a=document.getElementsByClassName("a")
console.log(a)//注意通过类名找元素是一个集合想操作要取对应的索引
</script>
运行结果
3通过名字来查看元素属性
<div>
<div name="a"></div>
<div name="a"