HTMLElement对象

HTMLElement对象

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

属性

从其父元素Element继承属性,并从DocumentAndElementEventHandlersElementCSSInlineStyleGlobalEventHandlersHTMLOrForeignElementTouchEventHandlers实现这些属性。

  • HTMLElement.accessKey: 获取/设置元素访问的快捷键。
  • HTMLElement.accessKeyLabel: 只读,返回DOMString,包含元素访问的快捷键的字符串。
  • HTMLElement.contentEditable: 获取/设置元素的可编辑状态。
  • HTMLElement.isContentEditable: 只读,返回Boolean值表明元素的内容是否可编辑。
  • HTMLOrForeignElement.dataset: 只读,返回DOMStringMap,用以获取元素的自定义属性data-*,是一个对象即key-value结构。
  • HTMLElement.dir: 获取/设置元素的方向,可选的值有ltrrtlauto
  • 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继承方法,并从DocumentAndElementEventHandlersElementCSSInlineStyleGlobalEventHandlersHTMLOrForeignElementTouchEventHandlers实现这些方法。

  • 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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/592299.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

网络基础(全)

协议 ”协议“就是一种约定。那么协议需要需要管理吗?答案是当然需要管理呀。 操作系统要进行协议管理——先描述,在组织协议本质就是软件,软件是可以进分层的协议在设计的时候,就是被层状的划分的为什么要划分为层状结呢&#…

综合能源系统:Modbus转IEC104网关解决方案

Modbus转IEC104网关BE102 方案概述 Modbus和IEC104是两种通信协议,各自适用于不同行业和场景,其中Modbus常见于工业自动化,而IEC104则主导电力行业。在某些项目中,需要将Modbus设备的数据传至IEC104电力平台,但两者协…

[嵌入式系统-65]:RT-Thread-组件:FinSH控制台, 用户与RT Thread OS实时命令行交互工具

目录 FinSH 控制台 1. FinSH 简介 2. FinSH 内置命令 - 内核代码自身提供的命令 显示线程状态 显示信号量状态 显示事件状态 显示互斥量状态 显示邮箱状态 显示消息队列状态 显示内存池状态 显示定时器状态 显示设备状态 显示动态内存状态 3. 自定义 FinSH 命令 …

【5/01-5/03】 Arxiv安全类文章速览

知识星球 首先推荐一下我们的知识星球,以AI与安全结合作为主题,包括AI在安全上的应用和AI本身的安全; 加入星球你将获得: 【Ai4sec】:以数据驱动增强安全水位,涵盖内容包括:恶意软件分析&…

MATLAB中功率谱密度计算pwelch函数使用详解

MATLAB中功率谱密度计算pwelch函数使用详解 目录 前言 一、pwelch函数简介 二、pwelch函数参数说明 三、pxx pwelch(x)示例 四、[pxx,f]pwelch(x,window,noverlap,nfft,fs)示例 四、[pxx,f] pwelch(x,window,noverlap,nfft,fs,freqrange,spectrumtype)示例 五、多通道功…

# cmd 报错 “npm 不是内部或外部命令,也不是可运行的程序 或批处理文件”

cmd 报错 “npm 不是内部或外部命令,也不是可运行的程序 或批处理文件” 1、报错原因分析: Node.js 没有安装或安装不正确。 npm 的路径没有添加到系统环境变量中。 安装 Node.js 时选择了不包含 npm 的安装选项。 2、解决方法: 1)在 cm…

【房屋】租房攻略,萌新第一次租房需要考虑的要素(通勤、地段、房源)

【房屋】租房攻略,萌新第一次租房需要考虑的要素(通勤、地段、房源) 文章目录 1、位置要好(通勤近 vs 地段好)2、户型要好(朝向/楼层,独卫/家具,水电费)3、价格要便宜4、…

Github 2024-05-03 Java开源项目日报 Top9

根据Github Trendings的统计,今日(2024-05-03统计)共有9个项目上榜。根据开发语言中项目的数量,汇总情况如下: 开发语言项目数量Java项目9Kotlin项目1C++项目1libGDX: 跨平台Java游戏开发框架 创建周期:4284 天开发语言:Java, C++协议类型:Apache License 2.0Star数量:2…

DDD:根据maven的脚手架archetype生成ddd多模块项目目录结构

随着领域驱动的兴起,很多人都想学习如何进行ddd的项目开发,那ddd的项目结构是怎么样的?又是如何结合SpringBoot呢?那么针对这个问题,笔者使用maven的archetype封装一个相对通用的ddd的项目目录,方便一键生成…

函数模板 template

函数模板的定义和调用 注意: 在调用函数模板时,编译器会根据调用的函数的参数类型自动推导出T的类型。 优先选择普通函数 强制调用函数模板 函数模板不能对函数的参数自动强制类型转换 myPrintAll(10,b)//普通函数,因为普通函数将b强制转换成…

安装vscode基础配置,es6基础语法,

https://code.visualstudio.com/ es6 定义变量 const声明常量(只读变量) // 1、声明之后不允许改变 const PI “3.1415926” PI 3 // TypeError: Assignment to constant variable. // 2、一但声明必须初始化,否则会报错 const MY_AGE /…

极简单行阅读器:上班族的摸鱼神器

在忙碌的工作日中,我们经常需要寻找一些方式来放松自己,而阅读无疑是一种既能够放松心情,又能增长知识的方式。今天,我要向大家介绍一个名为“极简单行阅读器”的神器,它不仅能够满足你的阅读需求,还能让你…

时也命也!反派失败于错估了主角的实力——早读(逆天打工人爬取热门微信文章解读)

此子断不可留 引言Python 代码第一篇 洞见 人到中年最大的清醒:时也,运也,命也第二篇 人民日报要闻社会政策 结尾 自知之明是最难得的知识 真正的智慧来自于对自己能力和局限的深刻理解 引言 最近在看仙葫 然后昨天晚上刷了一下这个诛仙 发现…

Qt之信号与槽

槽的本质:对信号响应的函数。 信号函数和槽函数通常位于某个类中,和普通的成员函数相⽐,它们的特别之处在于: 信号函数⽤ signals 关键字修饰,槽函数⽤ public slots、protected slots 或者 private slots 修饰。sign…

前端基础学习html-->表单标签

目录 表单标签: 表单域: 表单控件(表单元素): 提示信息: 表单标签: 表单标签顾名思义就是一种表格,用于收集用户信息 在html,一个完整的表单域是由表单域,表单控件(表单元素)和提示信息组…

揭秘Fabric交易流程:一文带你深入了解

随着区块链技术的日益普及,Hyperledger Fabric作为一种联盟链解决方案,受到了广泛关注。那么,Fabric的交易流程究竟是怎样的呢?本文将为您一一揭晓。 1. Fabric交易的参与方 客户端:交易流程的发起方,发起…

Java web第五次作业

1.在idea中配置好数据源 2、视频案例中只给出了查询所有结果的示例,请自己完成添加、删除、修改操作的代码。以下供参 考。 Delete("delete from emp where id#{id}") public void delete(Integer id); 测试代码 Test public void testDelete(){ empMa…

springboot 整合 knife4j-openapi3

适用于&#xff1a;项目已使用shiro安全认证框架&#xff0c;整合knife4j-openapi3 1.引入依赖 <!-- knife4j-openapi3 --> <dependency><groupId>com.github.xiaoymin</groupId><artifactId>knife4j-openapi3-spring-boot-starter</artifa…

SpringBoot+Vue项目在线视频教育平台

一、前言介绍 本系统采用的数据库是Mysql&#xff0c;使用SpringBoot框架开发&#xff0c;运行环境使用Tomcat服务器&#xff0c;idea是本系统的开发平台。在设计过程中&#xff0c;充分保证了系统代码的良好可读性、实用性、易扩展性、通用性、便于后期维护、操作方便以及页面…

ThreeJS:常见几何体与基础材质入门

在前文《ThreeJS:Geometry与顶点|索引|面》中&#xff0c;我们了解了与Geometry几何体相关的基础概念&#xff0c;也尝试了如何通过BufferGeometry自定义几何体。 常见Geometry几何体 ThreeJS内部也提供了诸多封装好的几何体&#xff0c;常见的Geometry几何体如下图所示&#…
最新文章