如何在没有jQuery的情况下访问HTMLElement中的数据对象

在没有jQuery的情况下，可以使用原生JavaScript来访问HTMLElement中的数据对象。以下是一种常见的方法：

1. 获取HTMLElement元素：可以使用document.getElementById()、document.querySelector()或document.getElementsByClassName()等方法获取到对应的HTMLElement元素。
2. 访问数据对象：一旦获取到HTMLElement元素，可以使用其属性或方法来访问数据对象。以下是一些常见的属性和方法：

• innerHTML：获取或设置HTMLElement元素的HTML内容。
• value：获取或设置表单元素的值，如input、textarea等。
• dataset：获取HTMLElement元素上的自定义数据属性。例如，如果有一个data-name的自定义属性，可以使用element.dataset.name来访问其值。
• getAttribute()和setAttribute()：可以使用这两个方法来获取和设置HTMLElement元素上的任意属性。例如，element.getAttribute('data-name')可以获取data-name属性的值。

需要注意的是，以上方法适用于原生JavaScript，不依赖于任何库或框架。如果需要兼容性更好的解决方案，可以使用一些现代的JavaScript特性，如querySelector()和dataset属性。

腾讯云相关产品和产品介绍链接地址：

• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 人工智能机器学习平台（AI Lab）：https://cloud.tencent.com/product/ailab
• 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
• 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
• 对象存储（COS）：https://cloud.tencent.com/product/cos
• 区块链服务（TBC）：https://cloud.tencent.com/product/tbc
• 腾讯云游戏引擎（GSE）：https://cloud.tencent.com/product/gse