mysql DOM_HTML DOM

前言

什么是DOM?

DOM是W3C(万维网联盟)的标准

DOM定义了访问HTML和XML文档的标准

什么是XML DOM

XML DOM定义了所有XML元素的对象和属性，以及访问它们的方法

什么是HTML DOM

HTML的标准对象模型

HTML的标准编程接口

W3C的标准

1、DOM 节点

HTML文档中所有内容都是节点：

整个文档是一个文档节点

每个HTML元素是元素节点

HTML元素内的文本是文本节点

每个HTML属性是属性节点

注释是注释节点

HTML DOM 对象 方法和属性

要点：

getElementById()方法返回带有指定ID的元素

getElementById(id) - 获取指定ID的节点(元素)

appendChild(node) - 插入新的子节点(元素)

removeChild(node) - 删除子节点(元素)

一些常用的HTML DOM 属性

innerHTML - 节点的文本值

parentNode -节点的父节点

访问HTML元素节点

访问HTML元素等同于访问节点

通过使用getElementById()方法

使用语法：下面的例子获取id=“intro”的元素

document.getElementById("id")；

通过使用：getElementByTagName()方法

使用语法：下面的例子返回包含文档中所有

元素的列表

document.getElementByTagName("p");

使用语法：下面的例子返回包含文档中所有

元素的列表，并且这些

元素应该是 id="main" 的元素的后代(子、孙等等);

document.getElementById("main").getElementsByTagName("p");

getElementByClassName()方法

创建新的HTML元素

createElement("p");//创建元素

createTextNode("nihao")//创建内容