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.mzph.cn/bicheng/6369.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

第16章 基于结构的测试技术(白盒测试技术)

一、静态测试技术 (一)概述 不运行程序代码的情况下,通过质量准则或其他准则对测试项目进行检查的测试类型,人工或工具检查。 1、代码检查 2、编码规则检查 3、静态分析 静态分析概述 不需要执行程序 控制流分析 通过生成…

短视频矩阵系统源码==3年源头开发

一 短视频矩阵系统具备以下特点: 1.内容管理功能:用户可以在系统中多账号托管 一次性上传、编辑和发布多个短视频平台的内容,无需在每个平台上重复操作,从而提高工作效率并保持内容的一致性和高质量 2.批量剪辑视频:系统支持上传批量素材管理剪辑 视频…

【前端——bug】使用antd的Input组件无法通过ref修改value

问题背景 我要制作个人博客的chatgpt聊天页面,为了样式统一,我使用了antd的input组件,并且添加了ref属性获取当前输入的内容。我的预期效果是 向输入框输入完成后,按下enter,把输入框置空 const message ref.curre…

Visual studio调试技巧

Visual studio调试技巧 bug是什么?Debug和ReleaseDebugRelease 如何调试VS调试快捷键调试过程中查看程序信息查看临时变量的值查看内存信息查看调用堆栈查看汇编信息查看寄存器信息 编译常见错误编译型错误链接型错误运行时错误 bug是什么? bug的英文释…

springcloud(智慧养老平台)

开发语言:Java JDK版本:JDK1.8(或11)服务器:tomcat 数据库:mysql 5.6/5.7(或8.0)数据库工具:Navicat 开发软件:idea 依赖管理包:Maven 代码数据库…

SAM:Segment Anything Model

论文(ICCV,fackbook):Segment Anything 源码: https://github.com/facebookresearch/segment-anything demo:Segment Anything | Meta AI (segment-anything.com) 一、摘要 本文介绍了“Segment Anything…

活动回顾 | 春起潮涌——硬件驱动的量化交易与AI

4月20日,华锐技术ACLUB联合AMD在上海举办了“春起潮涌——硬件驱动的量化交易与AI”沙龙活动,会议围绕FPGA硬件加速、CPU&网卡调优、AI技术应用等展开,近50位量化IT与分享嘉宾一起探讨硬件技术在量化交易和AI领域的应用和创新。 FPGA在交…

构筑稳固基石:HTML网站架构与结构设计的深度探索

构筑稳固基石:HTML网站架构与结构设计的深度探索 在万维网的广阔天地里,每一个网站都是信息的港湾,而HTML作为这一切的基础,其架构与结构设计直接决定了站点的可访问性、可维护性和扩展性。本文将带你深入HTML的架构世界&#xf…

【C++第七课-string用法】

这里写自定义目录标题 string的初步介绍sring的构造函数string的构造函数-重点掌握无参的构造函数用常量字符串来初始化拷贝构造 string的构造函数-非重点掌握拷贝字符串str从pos位置开始的len个字符拷贝字符串s的前n个字符用n个c去初始化 string的赋值string的遍历和访问下标[…

爬虫自动化之drissionpage实现随时切换代理ip

目录 一、视频二、dp首次启动设置代理三、dp利用插件随时切换代理一、视频 视频直接点击学习SwitchyOmega插件使用其它二、dp首次启动设置代理 from DrissionPage import ChromiumPage, ChromiumOptions from loguru

matplotlib/seaborn 绘图可视化全面总结

1.概述 使用Matplotlib 绘图实现可视化时,会面临不同的需求有所调整,本文档重点对绘图过程中产生的一些小众需求进行全面总结,其他任务时可以随时即抽即用。 2.绘图 2.1 一般绘图 plt.figure() 参数设置说明 matplotlib.pyplot.figure( …

C++设计模式-创建型设计模式

设计模式 设计模式是什么 设计模式是指在软件开发中,经过验证的,用于解决在特定环境下,重复出现的,特定问题的解决方案;其实就是解决问题的固定套路。但是要慎用设计模式,有一定的工程代码量之后用它比较…

【论文阅读】Tutorial on Diffusion Models for Imaging and Vision

1.The Basics: Variational Auto-Encoder 1.1 VAE Setting 自动编码器有一个输入变量x和一个潜在变量z Example. 获得图像的潜在表现并不是一件陌生的事情。回到jpeg压缩,使用离散余弦变换(dct)基φn对图像的底层图像/块进行编码。如果你给…

git ,查看某个版本的某个文件内容

如题,右键 open git bash here, 打开git命令行: 首先: git log 可以查看历史提交的记录,拷贝某个版本的版本号, 类似如: commit 1ba842efcf8076a24d7fb5d6c6323e801ccbf3ff Author: x&…

先电2.4的openstack搭建

先电2.4版本的openstack,前期虚拟机部署参考上一篇2.2版本,基本步骤是一样的,准备两个镜像文件CentOS-7.5-x86_64-DVD-1804.iso,XianDian-IaaS-V2.4.iso [rootcontroller ~]# cat /etc/sysconfig/network-scripts/ifcfg-eno16777…

L1-042 日期格式化

作者 陈越 单位 浙江大学 世界上不同国家有不同的写日期的习惯。比如美国人习惯写成“月-日-年”,而中国人习惯写成“年-月-日”。下面请你写个程序,自动把读入的美国格式的日期改写成中国习惯的日期。 输入格式: 输入在一行中按照“mm-d…

华为OD机试 - 小扇和小船的数字游戏 - 二进制(Java 2024 C卷 200分)

华为OD机试 2024C卷题库疯狂收录中,刷题点这里 专栏导读 本专栏收录于《华为OD机试(JAVA)真题(A卷B卷C卷)》。 刷的越多,抽中的概率越大,每一题都有详细的答题思路、详细的代码注释、样例测试…

json文件的读取

📚博客主页:knighthood2001 ✨公众号:认知up吧 (目前正在带领大家一起提升认知,感兴趣可以来围观一下) 🎃知识星球:【认知up吧|成长|副业】介绍 ❤️感谢大家点赞👍🏻收藏⭐评论✍🏻,您的三连就是我持续更新的动力❤️ 🙏笔者水平有限,欢迎各位大佬指点,相…

论文笔记(四十五)Attention Is All You Need

Attention Is All You Need 文章概括摘要1. 介绍2. 背景3. 模型架构3.1 编码器和解码器堆栈3.2 Attention3.2.1 按比例点积Attention3.2.2 Multi-Head Attention3.2.3 注意力在模型中的应用 3.3 定位前馈网络3.4 嵌入与 Softmax3.5 位置编码 4 为什么 Self-Attention5. Trainin…

ssm104园区停车管理系统+jsp

园区停车管理系统的设计与实现 摘 要 网络技术和计算机技术发展至今,已经拥有了深厚的理论基础,并在现实中进行了充分运用,尤其是基于计算机运行的软件更是受到各界的关注。加上现在人们已经步入信息时代,所以对于信息的宣传和管…