W3C DOM 活动学习笔记

什么是W3C DOM

W3C DOM(文档对象模型)是一种用于处理HTML和XML文档的标准API。它定义了一组标准接口,用于访问和操作文档的内容、结构和样式。

W3C DOM 分类

W3C DOM分为三个不同的部分:

Core DOM

核心DOM是所有文档类型都必须支持的DOM。它表示文档的结构,以及将内容和标签连接到文档树上的方式。

XML DOM

XML DOM是适用于XML文档的标准DOM。它类似于核心DOM,但它也包括了XML命名空间支持和节点创建方法。

HTML DOM

HTML DOM是适用于HTML文档的标准DOM。它建立在核心DOM之上,增加了对HTML元素的支持,例如表单和图像。它也包含了对浏览器窗口大小调整、页面加载完成等事件的支持。

W3C DOM 实例

以下是一个使用W3C DOM操作HTML文档的JavaScript实例:

javascriptCopy Code
<!DOCTYPE html> <html> <body> <h2>DOM实例</h2> <p>Hello World!</p> <script> // 获取p元素 var x = document.getElementsByTagName("p")[0]; // 改变文本内容 x.innerHTML = "Hello W3C DOM!"; // 改变样式 x.style.color = "red"; // 创建新元素 var newP = document.createElement("p"); newP.innerHTML = "新段落。"; document.body.appendChild(newP); </script> </body> </html>

以上代码会选中文档中第一个<p>元素,并将其文本内容改为“Hello W3C DOM!”。接着,它会将该元素的颜色设置为红色,并创建一个新的<p>元素并将其附加到文档的末尾。

这只是W3C DOM可以做的事情的一部分。它可以让开发人员轻松地选择和修改文档中的任何元素或节点。