XML DOM
XML DOM定义了访问和处理XML文档的标准方法。 它以树形结构表示XML文档。
所有元素可以通过 DOM 树来访问。可以修改或删除它们的内容,并创建新的元素。元素,它们的文本,以及它们的属性,都被认为是节点。
本示例演示如何通过Js操作XML DOM对象,并获取其节点内容先是在对应的html节点中。
<html>
<body>
<p id="demo"></p>
<script>
var text, parser, xmlDoc;
text = "<bookstore><book>" +
"<title>Everyday Italian</title>" +
"<author>Giada De Laurentiis</author>" +
"<year>2005</year>" +
"</book></bookstore>";
parser = new DOMParser();
xmlDoc = parser.parseFromString(text,"text/xml");
document.getElementById("demo").innerHTML =
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
</script>
</body>
</html>
在我们的 XML DOM 教程中,您可以学习更多有关 XML DOM 的知识。
HTML DOM
HTML DOM定义了一种用于访问和处理HTML文档的标准方法。 它将HTML文档呈现为树状结构。
所有 HTML 元素可以通过 HTML DOM 来访问。
本示例使用id =“ demo”更改HTML元素的值:
<h1 id="demo">WelCome Linux265.com</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML = 'Hello World!'">Click Me!
</button>
该示例演示如果操作id=“demo”的html节点内容。
在我们的 HTML DOM 教程中,您可以学习更多有关 HTML DOM 的知识。.
操作XML DOM以及HTML DOM都需要使用到Javascript,你可以去学习我们的 JavaScript 教程。
原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/59674.html