XML DOM



 





DOM(Document Object Model 文档对象模型)定义了访问和操作文档的标准方法。



 



XML DOM



XML DOM(XML Document Object Model)定义了访问和操作 XML 文档的标准方法。



XML DOM 把 XML 文档作为树结构来查看。



所有元素可以通过 DOM 树来访问。可以修改或删除它们的内容,并创建新的元素。元素,它们的文本,以及它们的属性,都被认为是节点。





HTML DOM



HTML DOM 定义了访问和操作 HTML 文档的标准方法。



所有 HTML 元素可以通过 HTML DOM 来访问。



在我们的 HTML DOM 教程中,您可以学习更多有关 HTML DOM 的知识。.



加载一个 XML 文件 - 跨浏览器实例



下面的实例把 XML 文档("note.xml")解析到 XML DOM 对象中,然后通过 JavaScript 提取一些信息:



实例



<html>



<body>



<h1>W3Schools Internal Note</h1>



<div>



<b>To:</b> <span id="to"></span><br />



<b>From:</b> <span id="from"></span><br />



<b>Message:</b> <span id="message"></span>



</div>



<script>



if (window.XMLHttpRequest)



{// code for IE7+, Firefox, Chrome, Opera, Safari



xmlhttp=new XMLHttpRequest();



}



else



{// code for IE6, IE5



xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");



}



xmlhttp.open("GET","note.xml",false);



xmlhttp.send();



xmlDoc=xmlhttp.responseXML;



document.getElementById("to").innerHTML=



xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;



document.getElementById("from").innerHTML=



xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;



document.getElementById("message").innerHTML=



xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;



</script>



</body>



</html>





重要注释!



如需从上面的 XML 文件("note.xml")的 <to> 元素中提取文本 "Tove",语法是:



getElementsByTagName("to")[0].childNodes[0].nodeValue



请注意,即使 XML 文件只包含一个 <to> 元素,您仍然必须指定数组索引 [0]。这是因为 getElementsByTagName() 方法返回一个数组。



加载一个 XML 字符串 - 跨浏览器实例



下面的实例把 XML 字符串解析到 XML DOM 对象中,然后通过 JavaScript 提取一些信息:



实例



<html>



<body>



<h1>W3Schools Internal Note</h1>



<div>



<b>To:</b> <span id="to"></span><br />



<b>From:</b> <span id="from"></span><br />



<b>Message:</b> <span id="message"></span>



</div>



<script>



txt="<note>";



txt=txt+"<to>Tove</to>";



txt=txt+"<from>Jani</from>";



txt=txt+"<heading>Reminder</heading>";



txt=txt+"<body>Don't forget me this weekend!</body>";



txt=txt+"</note>";



if (window.DOMParser)



{



parser=new DOMParser();



xmlDoc=parser.parseFromString(txt,"text/xml");



}



else // Internet Explorer



{



xmlDoc=new ActiveXObject("Microsoft.XMLDOM");



xmlDoc.async=false;



xmlDoc.loadXML(txt);



}



document.getElementById("to").innerHTML=



xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;



document.getElementById("from").innerHTML=



xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;



document.getElementById("message").innerHTML=



xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;



</script>



</body>



</html>





 


点赞(0) 打赏

评论列表 共有 0 条评论

暂无评论

热门产品

历史上的今天:03月29日

热门专题

云南综合高中|云南综合高中
云南综合高中
外贸网站建设|外贸网站建设,英文网站制作,英文网站设计,美国主机空间,外贸建站平台,多语言网站制作
外贸网站建设
开放大学|开放大学报名,开放大学报考,开放大学,什么是开放大学,开放大学学历,开放大学学费,开放大学报名条件,开放大学报名时间,开放大学学历,开放大学专业
开放大学
自考本科|自考本科有用吗,自考文凭,自考本科文凭,自考文凭有用吗,自考本科文凭有用吗,自考文凭承认吗
自考本科
弥勒综合高中|弥勒综合高中
弥勒综合高中
卓越综合高中|卓越综合高中
卓越综合高中
安徽中源管业有限公司|安徽中源管业有限公司,安徽中源管业有限公司介绍,安徽中源管业有限公司电话,安徽中源管业有限公司地址,安徽中源管业有限公司厂家,安徽中源管业有限公司电力管,安徽中源管业有限公司管材
安徽中源管业有限公司
易捷尔单招|易捷尔单招,易捷尔单招培训,易捷尔单招报名,易捷尔单招考试,易捷尔单招培训学校,易捷尔单招分数
易捷尔单招

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部