ਐੱਕਸਐੱਮਐੱਲ DOM

什么是 DOM？

文档对象模型 (DOM) 定义了访问和操作文档的标准：

“W3C 文档对象模型 (DOM) 是一个与平台和语言无关的接口，允许程序和脚本动态访问和更新文档的内容、结构和样式。”

HTML DOM 定义了访问和操作 HTML 文档的标准方法。它将 HTML 文档呈现为树结构。

ਐੱਕਸਐੱਮਐੱਲ DOM 定义了访问和操作 XML 文档的标准方法。它将 XML 文档呈现为树结构。

对于任何使用 HTML 或 XML 的开发者，理解 DOM 是必须的。

HTML DOM

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

下面的例子更改 id="demo" 的 HTML 元素的值：

ਇੱਕ ਉਦਾਹਰਣ

<h1 id="demo">这是标题</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
请点击我！
</button>

亲自试一试

ਤੁਸੀਂ ਸਾਡੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਸਿੱਖਣ ਦੇ ਪ੍ਰੋਗਰਾਮ ਵਿੱਚ ਇਸ ਬਾਰੇ ਸਿੱਖ ਸਕਦੇ ਹੋ HTML DOM ਦੇ ਬਾਰੇ ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ

ਐੱਕਸਐੱਮਐੱਲ DOM

ਸਾਰੇ XML ਐਲੀਮੈਂਟ ਐਕਸਮਲ DOM ਰਾਹੀਂ ਪਹੁੰਚਿਆ ਜਾ ਸਕਦੇ ਹਨ。

Books.xml

<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
  <book category="美食">
    <title lang="zh">雅舍谈吃</title>
    <author>梁实秋</author>
    <year>2013</year>
    <price>35</price>
  </book>
  <book category="儿童">
    <title lang="zh">了不起的狐狸爸爸</title>
    <author>罗尔德·达尔</author>
    <year>2009</year>
    <price>10.00</price>
  </book>
</bookstore>

ਇਹ ਕੋਡ XML ਡੌਕੂਮੈਂਟ ਵਿੱਚ ਪਹਿਲੇ <title> ਐਲੀਮੈਂਟ ਦੇ ਟੈਕਸਟ ਵਿਲੱਖਣ ਨੂੰ ਤਲਾਸ਼ ਕਰਦਾ ਹੈ:

ਇੱਕ ਉਦਾਹਰਣ

txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

XML DOM ਸੂਚਨਾ ਪ੍ਰਾਪਤ ਕਰਨ, ਸੋਧਣ, ਜੋੜਨ ਅਤੇ ਹਟਾਉਣ ਦੇ ਬਾਰੇ ਇੱਕ ਮਿਆਰ ਹੈ。

ਇਹ ਉਦਾਹਰਣ ਟੈਕਸਟ ਸਟਰਿੰਗ ਨੂੰ XML DOM ਆਬਜੈਕਟ ਵਿੱਚ ਲੋਡ ਕਰਦਾ ਹੈ ਅਤੇ ਜਾਵਾਸਕ੍ਰਿਪਟ ਤੋਂ ਇਸ ਵਿੱਚੋਂ ਸੂਚਨਾ ਹਟਾਉਂਦਾ ਹੈ:

ਇੱਕ ਉਦਾਹਰਣ

<html>
<body>
<p id="demo"></p>
<script>
var text, parser, xmlDoc;
text = "<bookstore><book>"
"<title>雅舍谈吃</title>" +
"<author>梁实秋</author>" +
"<year>2009</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 教程中学习有关 ਐੱਕਸਐੱਮਐੱਲ DOM 的更多内容。