JavaScript之DOM查询

前言：学习JavaScript中的DOM(文本对象模型)就是主要学习它的查询，查询是DOM的核心所在，而它围绕着一个单词—document.

 理解DOM
当HTML加载到内存中时，会形成一个树形结构，包括了四种类型的节点：(如下图)

• 文档节点-----document
• 元素节点-----标签
• 属性节点-----标签的属性
• 文本节点-----标签体
  

可以看到处于最上层的文档节点(document)可以访问下面的所有节点来获取对象进而操作对象。

 DOM常用的四种查询方法

document.getElementById(“id值”)    返回一个对象
document.getElementsByName(“name属性值”)    返回多个对象
document.getElementsByTagName(“标签名”)    返回多个对象
document.getElementByClassName(“class属性值”)    返回多个对象

对属性操作：
    获取：对象.value
    赋值: 对象.value=""
对标签体操作：
    获取：对象.innerHTML
    赋值：对象.innerHTML=""

注：当返回多个对象时，只需用for遍历即可。

感谢收看！