DOM元素对象就像网页的"乐高积木块"。
用最生活化的比喻来说:
网页就像一张桌子,DOM元素就是桌上的所有物品(水杯、书本、台灯...)
每个物品都有特性:比如水杯可以装水(相当于元素的属性)、能被拿起来(相当于方法)
你可以随意调整它们:移动位置、改变颜色、甚至把台灯换成花瓶(相当于用JS操作DOM)
当你用JavaScript操作DOM时,就像用手直接摆弄桌上的物品一样直观。比如:
document.querySelector('button').style.color = 'red'这就相当于:"找到桌上的按钮积木,把它涂成红色"
浏览器的开发者工具(F12)里看到的HTML结构,其实就是这些"积木"的摆放说明书。