LightningElement — Inherited Properties (1)

同学们，咱们这节课来看个很有意思的点。在LWC里，你创建的每一个组件，它的底层其实继承自标准的HTMLElement接口。这意味着什么呢？意味着你从前端开发学到的那些原生的DOM操作知识，在LWC里原封不动就能用。 咱们平时写JavaScript，常用的那些API，比如给元素绑定事件用的 `addEventListener`，或者主动触发事件用的 `dispatchEvent`，直接就能在组件里调用。想获取某个属性，`getProperty`，检查有没有某个属性，`hasProperty`，或者删除属性 `removeProperty`，这些都一模一样。 还有布局相关的，比如想拿到元素在页面上的位置尺寸，用 `getBoundingClientRect`；想在组件内部找某个class的元素，用 `getElementsByClassName`；找某个标签的元素，用 `getElementsByTagName`——全都是原生的用法。就连那些属性，比如 `children` 拿到子元素列表，`classList` 管理样式类，`hidden` 隐藏元素，`dir` 设置文字方向，甚至 `draggable` 让元素可拖拽，这些全部都可以直接用，LWC根本没有改过它们，也没有限制。 所以，这个继承最棒的地方就是，你之前积累的DOM知识一点都不会浪费。你只要按标准的Web开发方式去用就行了，LWC对它们是完全兼容的。这对咱们快速上手、写出交互复杂的组件，帮助非常大。