初识DOM

文档对象模型 DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM将HTMl文档呈现为带有元素、属性和文本的树结构（节点树）。

1️⃣通过ID获取元素

语法： document.getElementById("id")

2️⃣innerHTML属性用于获取或替换HTML元素的内容

语法：object.innerHTML

3️⃣改变HTML样式

语法：object.style.property=new style;

代码示范

4️⃣显示和隐藏（display属性）

语法：Object.style.display = value

5️⃣控制类名（className属性）

className属性设置或者返回元素的class属性

语法：object.className = classname