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可以做的事情的一部分。它可以让开发人员轻松地选择和修改文档中的任何元素或节点。