遍历并操作

Coddy JavaScript DOM 方法课程的第 6 课，共 13 课。

来做个挑战吧！

挑战

简单

给你一段 HTML 代码，其中包含 5 个类名为 item 的段落。

仅使用 JavaScript，将这些段落的文本修改成编号列表的样子。

预期输出如下：

别忘了刷新网页，查看 JS 修改后的效果！

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <p class="item">Banana</p>
        <p class="item">Apple</p>
        <p class="item">Pear</p>
        <p class="item">Water</p>
        <p class="item">Milk</p>
        <script src="script.js"></script>
    </body>
</html>

JavaScript DOM 方法中的所有课

1简介

简介文档对象模型

2DOM 方法 I

getElementById 修改元素样式 getElementsByClassName遍历并操作getElementsByTagName querySelector

3DOM 方法 II

querySelectorAll addEventListener innerHTML createElement 和 appendChild classList 切换

自己练习： Web 在线编辑器