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

HTMLElement对象相关推荐

Python爬虫解析html：lxml的HtmlElement对象获取和设置inner html
2019独角兽企业重金招聘Python工程师标准>>> 我在我的个人博客"猿人学网站"和公众号"猿人学Python"上写Python教程,有兴 ...
Python爬虫解析htm时lxml的HtmlElement对象获取和设置inner html方法
Python的lxml是一个相当强悍的解析html.XML的模块,最新版本支持的python版本从2.6到3.6,是写爬虫的必备利器.它基于C语言库libxml2 和 libxslt,进行了Pytho ...
BOM 浏览器对象模型和DOM 文档对象模型
浏览器对象模型BOM 1. 浏览器对象模型介绍 BOM(Browser Object Model) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的.可 ...
Document，Node，Element，HTMLDocument ，HTMLCollection，HTMLElement，NodeList
这个问题如果不是基于原生js写组件,可能仍然不明不白,既然遇到了,就整理一下. 一.Document,Node,Element的关系 1,Document 对象 Document 对象是一棵文档树的根 ...
JavaScript权威指南--window对象
知识要点 window对象及其客户端javascript所扮演的核心角色:它是客户端javascript程序的全局对象.本章介绍window对象的属性和方法,这些属性定义了不同的API,但是只有一部分 ...
extjs 获取id的值_extjs 获取Dom对象
对象指页面上的某一部分,如:Input等.我觉得在EXT JS中会有三类基本对象,htmlelement , EXT.Element和CompositeElement .分别解释一下: htmlele ...
JavaScript 之 DOM中的三大对象
下面是对JavaScript DOM中三大对象的整理,希望可以帮助到有需要的小伙伴. JavaScript 之 DOM中的三大对象一.Document对象 1.Document对象是什么 Docum ...
jQuery 获取设置删除对象属性
获取.设置.删除jQuery对象的属性值 jQuery 提供了一系列处理元素属性的方法,可以获取属性值,设置一个属性值,通过映射对象设置多个属性值,通过函数动态设置属性值,也可以删除属性.可以通过使用 ...
Vue.js 生命周期
2019独角兽企业重金招聘Python工程师标准>>> 每个 Vue 实例在被创建之前都要经过一系列的初始化过程 vue在生命周期中有这些状态, beforeCreate,creat ...

HTMLElement对象

HTMLElement对象

属性

方法

每日一题

参考

HTMLElement对象相关推荐

最新文章

热门文章