HTML DOM和JavaScrip的关系
看了一遍Java Scrip接着看的HTML DOM,突然觉得有点蒙,现在来理一理。。。
文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法,可以改变文档的内容和呈现方式。
定义总是晦涩难懂。。。。
有网友解释:DOM是对象,JavaScrip是语言,而语言是用来操纵对象的
下面这段代码的作用是用一个提示框逐个显示网页中所有链接的网址,代码中被标为红色的部分就是DOM。
var anchorTags = document.getElementsByTagName(“a”);
for (var i = 0; i < anchorTags.length i++) { alert(“Href of this a element is : ” + anchorTags[i].href + “\n”);
}
JavaScrip通过文档对象的属性、方法和事件来掌控、操纵和创建动态的网页元素
不过JavaScrip中也有内置的对象。
HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。
HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树。
一些常用的 HTML DOM 方法:
- getElementById(id) - 获取带有指定 id 的节点(元素)
- appendChild(node) - 插入新的子节点(元素)
- removeChild(node) - 删除子节点(元素)
一些常用的 HTML DOM 属性:
- innerHTML - 节点(元素)的文本值
- parentNode - 节点(元素)的父节点
- childNodes - 节点(元素)的子节点
- attributes - 节点(元素)的属性节点