初识DOM


什么是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

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