DOM

Posted 2021-01-14 lizhidage

什么是 HTML DOM？

html DOM 是：

• HTML 的标准对象模型
• HTML 的标准编程接口
• W3C 标准

HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。

换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。

 

 

1. Source

　　访　问Source对象

　　可以通过使用getElementById()来访问<source>元素：

　　var x = document.getElementId(“mySource”);

　　创建Source对象

　　var x = document.getElementById("mySource");

 

                                                                                               Source 对象属性

属性	描述
media	设置或返回 <source> 元素中 media 属性的值。
src	设置或返回 <source> 元素中 src 属性的值。
type	设置或返回 <source> 元素中 type 属性的值

 

2.methods

 　　方法是我们可以在节点（HTML元素）上执行的操作。

　　所有的HTML元素被定义为对象，而编程接口则对象方法和对象属性。

　　方法是能够执行的操作（比如添加或者修改元素）

　　属性是能够获取或设置的值（比如节点名称或内容）

 

                                                           一些 DOM 对象方法:

                                                          这里提供一些常用方法：

方法	描述
getElementById()	返回带有指定 ID 的元素。
getElementsByTagName()	返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。
getElementsByClassName()	返回包含带有指定类名的所有元素的节点列表。
appendChild()	把新的子节点添加到指定节点。
removeChild()	删除子节点。
replaceChild()	替换子节点。
insertBefore()	在指定的子节点前面插入新的子节点。
createAttribute()	创建属性节点。
createElement()	创建元素节点。
createTextNode()	创建文本节点。
getAttribute()	返回指定的属性值。
setAttribute()	把指定属性设置或修改为指定的值。

 

3. content

　　改变HTML的内容，

　　改变HTML样式，

　　使用事件。

4.application