W3C DOM（文档对象模型）是一种用于操作网页文档的标准接口。通过使用 DOM，开发人员可以轻松地访问和操作网页的内容、结构和样式。
Overview
W3C DOM Activities 是指使用 DOM 接口进行各种操作的活动。这些活动包括创建、删除、修改和移动网页元素，以及处理事件和执行动态效果等。
Creating Elements
创建元素是 DOM 操作中的一个常见活动。可以使用 document.createElement() 方法来创建新的 HTML 元素。例如，要创建一个新的 <div> 元素，可以按照以下步骤进行：
-- -------------------- ---- ------- -- ------ --- -- --- ------ - ------------------------------ -- -- --- ----- --------- - -------- ---------------- - ------------ -- ---------- ----------------------------------
在上面的示例中，我们首先使用 document.createElement() 方法创建了一个新的 <div> 元素，并设置了其 id 和 class 属性，然后将其添加到页面的 body 中。
Modifying Elements
修改元素是另一个常见的 DOM 活动。可以使用各种属性和方法来修改元素的内容、样式和属性。例如，要修改一个元素的文本内容和样式，可以按照以下步骤进行：
-- -------------------- ---- ------- -- -------- --- ------- - --------------------------------- -- --------- ------------------- - ------- -------- -- ------- ------------------- - ------ ---------------------- - -------
在上面的示例中，我们首先通过 document.getElementById() 方法获取了一个 id 为 'myDiv' 的元素，然后修改了其文本内容和样式。
Removing Elements
删除元素是 DOM 操作中的另一个重要活动。可以使用 parentNode.removeChild() 方法来删除一个元素。例如，要删除一个元素，可以按照以下步骤进行：
// 获取要删除的元素
var elementToRemove = document.getElementById('myDiv');
// 删除元素
elementToRemove.parentNode.removeChild(elementToRemove);在上面的示例中，我们首先通过 document.getElementById() 方法获取了一个 id 为 'myDiv' 的元素，然后使用 parentNode.removeChild() 方法将其从页面中移除。
这些是 W3C DOM Activities 中的一些常见操作。通过熟练掌握这些操作，您可以更轻松地操作网页的内容和结构，实现更丰富的交互效果。