XML DOM

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

(0)
上一篇 2021年8月10日
下一篇 2021年8月10日

相关推荐

发表回复

登录后才能评论