一 ^节点的概念
^5个常用DOM方法:getElementById、getElementsByTagName、getElementsByClassName、getAttribute
和setAttribute
1. DOM含义
①D(document)文档
②O(object)对象
JavaScript语音中对象可分为三种
a.用户定义对象:程序员自行创建的对象
b.内建对象:内建在JavaScript语音中的对象,如Arrary、Math和Date
c.宿主对象:浏览器提供的对象
③M(Model)模型
可将其视为数据结构中的树。层层包含,根节点与子节点的关系递进。
2. 节点
①元素节点
②文本节点
③属性节点
3. 获取元素(如果是手写一定记得大小写和拼写!)
①getElementById
调用返回给定特定ID的对象,使用:
document.getElementById("id");
②getElementsByTagName
返回一个对象数组,参数是标签的名字
document.getElementsByTagName("body");
注:通配符(*)也可以作为此函数标签,用来计算文档中总共有多少元素节点。
③getEmelentsByClassName
document.getElementsByClassName("Class");
通过class类名访问元素,返回一个具有相同类名的元素的数组。
注:②③均可与①连用
④ getAttribute
object.getAttribute("attribute");
获取每个object元素的attribute属性
⑤ setAttribute
object.setAttribute("attribute","value");
允许我们对属性节点的值做出修改