DOM - JS

全称： document object model

DOM 对象

将HTML文档的各个组成部分解为对应的对象：

• Document 整个文档对象
• Element 元素对象
• Attribute 属性对象
• Text 文本对象
• Comment 注释对象

对象分别对应着HTML文档的树状结构

Document 对象

可以直接从 window 对象的属性获得

获取 Element 对象

Element 对象是实时更新的

// 返回对象：
let element = document.getElementById(id); // 不存在则返回 null

// 返回对象数组：
let element = document.getElementByTagName(name); //特殊字符 "*" 代表了所有元素。
let element = document.getElementsByName(name); // 根据name属性值 获取

let element = document.getElementById(id); // getElementsByClassName(names);
let elements = rootElement.getElementsByClassName(names);

修改

方法

removeChild()
children()

innerHTML 属性

HTMLElementObject.innerHTML=text

修改网页标签元素内部的内容，可以放HTML代码