1.基本介绍:
XML DOM 定义了访问和处理xml文档的标准方法。
XML DOM是 XML Document OObject Model 的缩写,即XML文档对象模型。
2.在学习之前,您应当具备的基础:
·HTML/XHTML
·JavaScript
·XML
如果大家在学之前没有掌握这些知识,可以查阅js 手册(网址:https://www.w3school.com.cn/xmldom/dom_intro.asp)
3.什么是DOM?
DOM是W3C(万维网联盟)的推荐标准;
“DOM 是一个使程序和脚本有能力动态的访问和更新文档的内容、结构以及样式的平台和语言中立的接口。”
W3C DOM 被分为3个不同的姬别和部分:
1.核心 DOM:用于结构化文档的标准模型
2.XML DOM:用于 XML文档的标准模型
3.·HTML DOM:用于 ·HTML文档的标准模型
DOM 定义了所有文档元素的对象和属性,以及访问他们的接口(方法)。
4.什么是 ·HTML DOM?
·HTML DOM定义了所有 HTML 元素的对象和属性,以及访问他们的接口和方法。
5.什么是 XML DOM?
XML DOM是:
·用于 XML的标准对象模型
·用于 XML的标准编程接口
·中立平台和语言
·W3C 的标准
XML DOM定义了xml元素的对象和属性,以及访问他们的方法和接口;
换句话说:
XML DOM是用于获取、更改、添加或删除XML元素的标准。
实现节点的遍历
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><h1>XMLDOM实现节点的遍历</h1><ul id="uid"><li>成龙</li><li>甄子丹</li><li>宋仲基</li><li>赵丽颖</li></ul></body><script>//HTML DOM获取文档中的所有li节点var list = document.getElementsByTagName('li');
console.log('节点的数量为:'+ list.length);//XML DOM获取文档中的所有节点(通过子节点获取)var list1 = document.getElementById('uid').childNodes;
console.log('节点的数量为:'+list1.length);//子节点的遍历for(var i =0; i<list1.length; i++){// console.log(list1[i].nodeType);//输出为1表示是与元素标签,输出为3表示为文本内容if(list1[i].nodeType ==1){//当输出为1时控制台输出// console.log(list1[i].innerHTML);//HTML DOM 实现文本的输出
console.log(list1[i].firstChild.nodeValue);//XML DOM 实现文本的输出}}</script></html>
实现节点的删除
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>
ul,li{margin:0px;padding:0px;width:100%;}
ul li{list-style: none;background-color: #ddd;}
ul li:hover{background-color: aqua;}
ul li.cc{background-color: orange;}</style></head><body><h1>节点的删除</h1><ul id="uid"><li>成龙</li><li>甄子丹</li><li>李连杰</li><li>王思聪</li><li>成龙</li><li>甄子丹</li><li>李连杰</li><li>王思聪</li></ul><button onclick="doDel()">删除</button></body><script>//获取所有的li节点 并 绑定点击事件var list = document.getElementById('uid').getElementsByTagName('li');for(var i =0; i<list.length; i++){
list[i].onclick=function(){this.setAttribute('class','cc');}}//删除节点函数functiondoDel(){//获取当下的所有li节点var list1 = document.getElementById('uid').getElementsByTagName('li');for(var i =0; i<list1.length; i++){//判断节点是否被点击if(list1[i].getAttribute('class')=='cc'){
list1[i].parentNode.removeChild(list1[i]);
i--;//为防止删除list导致索引的变化,所以每次删除完之后将i减小1实现无遗漏。}}}</script></html>
Java复习打卡day40XML DOM的介绍XML DOM的介绍1.基本介绍:XML DOM 定义了访问和处理xml文档的标准方法。XML DOM是 XML Document OObject Model 的缩写,即XML文档对象模型。2.在学习之前,您应当具备的基础:·HTML/XHTML·JavaScript·XML如果大家在学之前没有掌握这些知识,可以查阅js 手册(网址:https://www.w3school.com.cn/xmldom/dom_intro.asp)3.什么是D