初识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


©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容