第53关:DOM 树之谜 🌳

XP: 0/100
🦸‍♂️

JS队长

欢迎来到 DOM (Document Object Model) 的世界!

浏览器把你的 HTML 页面解析成一棵倒长的树,每个标签、属性、文本都是树上的一个节点 (Node)。

🐛

Bug捣蛋鬼

我要把这棵树砍倒!或者把树枝接错地方,让网页乱套!🪓

🦸‍♂️

JS队长

JS 就是这棵树的园丁!我们可以通过 DOM API 来查找、修改、添加或删除任何节点。

整个网页就是 document 对象。

🎮 寻找节点

点击下方的 DOM 树节点,找到隐藏的宝藏(ID 为 "treasure" 的元素)!

<html>
<head>
<body>
<div id="header">
<div class="content">
<span id="treasure">💎</span>
<p>Text</p>
</html>