JavaScript 操作 HTML 自定义属性的完整指南

JavaScript 操作 HTML 自定义属性详解

本文通过具体实例，详细讲解在 JavaScript 中操作 HTML 自定义属性的实现方式，供开发者参考学习。

首先定义 HTML 结构，其中包含一个名为 displayName 的自定义属性，示例代码如下：

<input type="text" id="txtBox" displayName="123456" />

获取自定义属性值的方法

接下来演示如何获取该自定义属性的值，主要涉及两种常用方法：

document.getElementById("txtBox").getAttribute("displayName");
document.getElementById("txtInput").attributes["displayName"].nodeValue

设置自定义属性值的方法

随后介绍如何设置或修改自定义属性的值，同样提供两种操作路径：

document.all.txtBox.setAttribute("displayName ","123456");
document.getElementById("txtInput").attributes["displayName"].nodeValue = "123456"

希望上述关于 JavaScript 程序设计的介绍能对您的开发工作有所帮助。