初识DOM

作者: 道一千 | 来源:发表于2018-07-19 09:17 被阅读0次

什么是DOM?

DOM(文档对象模型),是针对HTML和XML文档的一个API,通过DOM可以去改变文档。
通俗地说,我们可以通过DOM来实现在js中访问HTML节点的目的。

var a=document.getElementById("ddd");
//通过document.getElementById来访问Id为ddd的节点,并将其赋值给a
var b=a.innerHTML;
//将a中的所有元素以字符串的方式赋值给b

节点

HTML文档可以说是由节点构成的集合,节点有以下几种:

  • 元素节点:<html>、<body>、<p>等都是元素节点,即标签
  • 文本节点:向用户展示的内容,如<p>I AM CONTEXT</p>中的I AM CONTEXT文本
  • 属性节点:元素的属性,如<a>标签的链接属性href="http://....."

常用

document.getElementById()
document.getElementsByTagName()
(此句比第一句多了一个s,那是因为通过此方法访问的是一个数组,即单数与复数的区别)
document.createElement()
parentNode
childNodes
appendChild()
a.innerHTML

相关文章

  • 小试牛刀——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/edezpftx.html