初识DOM

作者: 圆圆小宇宙 | 来源:发表于2021-03-30 09:34 被阅读0次

文档对象模型 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

相关文章

  • 小试牛刀——DOM&BOM&EVENT

    初级-DOM详解系列 1-初识DOM DOM: Document Object Model (文档对象模型)简单来...

  • 初识DOM

    什么是DOM? DOM(文档对象模型),是针对HTML和XML文档的一个API,通过DOM可以去改变文档。通俗地说...

  • 初识DOM

    1. DOM概念 DOM(Document Object Model)文档对象模型。DOM是关于创建,插入,修改,...

  • 初识DOM

    什么是DOM?这应该是大多数初学者都会问的问题。 在W3C中是这样说的: DOM 是 W3C(万维网...

  • 初识DOM

    文档对象模型 DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM将H...

  • 初识DOM(三)

    在我们掌握了获取特定元素的方法之后,我们还可以继续想办法获取它的各个属性(getAttribute方法)和更改节点...

  • 初识DOM(二)

    之前学习了什么是DOM, 知道了DOM就是节点,那么面临的第二个问题就是,我们应该怎样去使用这些节点呢。 想要使用...

  • 1.15 初识DOM

    DOM DOM:document object model 文档对象模型(提供一系列的属性和方法,能让我们操作页面...

  • JS DOM初识

    document对象,以及DOM节点分类 document对象是HTML文档的根节点,同时它也是window对象的...

  • jQuery(样式和DOM)

    初识jQuery jQuery选择器 jQuery的属性与样式 DOM DOM节点的复制与替换 jQuery遍历

网友评论

      本文标题:初识DOM

      本文链接:https://www.haomeiwen.com/subject/yvjwhltx.html