HTMLElement对象

任何HTML元素都继承于HTMLElement对象，一些元素直接实现这个接口，而另一些元素通过多层继承来实现它。

属性

从其父元素Element继承属性，并从DocumentAndElementEventHandlers、ElementCSSInlineStyle、GlobalEventHandlers、HTMLOrForeignElement和TouchEventHandlers实现这些属性。

  • HTMLElement.accessKey: 获取/设置元素访问的快捷键。
  • HTMLElement.accessKeyLabel: 只读，返回DOMString，包含元素访问的快捷键的字符串。
  • HTMLElement.contentEditable: 获取/设置元素的可编辑状态。
  • HTMLElement.isContentEditable: 只读，返回Boolean值表明元素的内容是否可编辑。
  • HTMLOrForeignElement.dataset: 只读，返回DOMStringMap，用以获取元素的自定义属性data-*，是一个对象即key-value结构。
  • HTMLElement.dir: 获取/设置元素的方向，可选的值有ltr、rtl、auto。
  • HTMLElement.draggable: 设置/获取元素是否可以拖拽。
  • HTMLElement.enterkeyhint: 返回一个DOMString，定义为虚拟键盘上的enter键提供什么操作标签或图标。
  • HTMLElement.hidden: 获取/设置元素是否隐藏。
  • HTMLElement.inert: 返回一个布尔值，指示用户代理是否必须在用户交互事件、页内文本搜索和文本选择方面充当给定节点的角色。
  • HTMLElement.innerText: 设置或取得节点及其后代的呈现的文本内容，如果作为一个getter近似于当用户用光标突出显示元素的内容并将其复制到剪贴板时所获得的文本。
  • HTMLElement.lang: 返回一个DOMString，表示元素的属性、文本和元素内容的语言。
  • HTMLElement.noModule: 返回一个布尔值，指示是否可以在支持模块脚本的用户代理中执行导入脚本。
  • HTMLOrForeignElement.nonce: 返回内容安全策略用于确定是否允许进行给定提取的一次使用的密码。
  • HTMLElement.offsetHeight: 只读，返回一个double值，其中包含元素相对于布局的高度。
  • HTMLElement.offsetLeft: 只读，返回一个double值，即从此元素的左边界到offsetParent的左边界的距离。
  • HTMLElement.offsetParent: 只读，返回一个Element，该元素是当前从中计算所有偏移量计算的元素。
  • HTMLElement.offsetTop: 只读，返回一个double值，即从此元素的顶部边框到offsetParent的顶部边框的距离。
  • HTMLElement.offsetWidth: 只读，返回一个double类型，包含元素相对于布局的宽度。
  • HTMLElement.spellcheck: 是控制拼写检查的布尔值，它存在于所有HTML元素中，但并不是对所有元素都有影响。
  • HTMLElement.style: 返回一个CSSStyleDeclaration，它是表示元素的样式属性的声明的对象。
  • HTMLOrForeignElement.tabIndex: 是一个长整数，表示按Tab键顺序排列的元素的位置。
  • HTMLElement.title: 返回一个DOMString，它包含当鼠标放在元素上时出现在弹出框中的文本。
  • HTMLElement.translate: 是表示翻译的布尔值。

方法

从其父元素Element继承方法，并从DocumentAndElementEventHandlers、ElementCSSInlineStyle、GlobalEventHandlers、HTMLOrForeignElement、TouchEventHandlers实现这些方法。

  • HTMLElement.attachInternals(): 将ElementInternals实例附加到自定义元素。
  • HTMLOrForeignElement.blur(): 从当前焦点元素中移除键盘焦点。
  • HTMLElement.click(): 向元素发送鼠标单击事件。
  • HTMLOrForeignElement.focus(): 使元素成为当前键盘焦点。
  • HTMLElement.forceSpellCheck(): 对元素的内容运行拼写检查程序。

每日一题

https://github.com/WindrunnerMax/EveryDay

参考

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement