DOM
文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展标记语言的标准编程接口。
1、html的DOM树：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body bgcolor="white">
<h5 align="middle">文字链接和图片链接</h5>
<center>
<a href="https://www.baidu.com/" title="百度一下">百度</a><br><br><br><br><br><br>
<a href="https://www.baidu.com/" title="百度一下"><img src="img/百度图标.png" /></a>
</center>
</body>
</html>上面的HTML文件可以转化为如下的DOM树：
Document： 整个HTML文件称为一个Document文档。
Element：标签称为Element元素，例如：head、title、body、h5等。
Attribute：标签里面的属性，例如：href、title等。
Text：text文本，例如：<h5>之间的文本内容。
Node：Document、Element、Attribute、Text统称为Node。
2、DOM对象的常用方法：
getElementById() 返回带有指定 ID的元素 getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组） getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表 appendChild() 把新的子节点添加到指定节点 removeChild() 删除子节点 replaceChild() 替换子节点 insertBefore() 在指定的子节点前面插入新的子节点 createAttribute() 创建属性节点 createElement() 创建元素节点 createTextNode() 创建文本节点 getAttribute() 返回指定的属性值 setAttribute() 把指定属性设置或修改为指定的值
应用举例：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div id="d1">
</div>
<script>
var para=document.createElement("p");
var node=document.createTextNode("23日，@电影熊出没 发布撤档声明， “我们不愿看到观众朋友们因为观看《熊出没·狂野大陆》承担任何健康风险，更不愿看到疫情进一步扩散的可能。 没有什么比家人和孩子的安全更加重要!我们特此宣布，《熊出没·狂野大陆》将正式退出春节档，择日再映。”");
para.appendChild(node);
var element=document.getElementById("d1");
element.appendChild(para);
</script>
</body>
</html>首先创建段落元素，然后创建文本结点，最后将文本结点放入段落中。
相关推荐
luvhl 2020-08-17
liaoxuewu 2020-07-08
liaoxuewu 2020-06-26
北京老苏 2020-06-25
Lophole 2020-06-14
SIMONDOMAIN 2020-06-14
luvhl 2020-06-13
SIMONDOMAIN 2020-05-31
hyMiss 2020-05-19
liaoxuewu 2020-05-19
书虫媛 2020-05-15
liaoxuewu 2020-05-11
liaoxuewu 2020-05-10
小仙儿 2020-05-09
hyMiss 2020-05-01
liaoxuewu 2020-04-29
星星有所不知 2020-10-12