本文详细介绍在 JavaScript 中如何获取和设置 HTML 元素的自定义属性。通过具体代码示例，演示了使用 getAttribute 和 setAttribute 方法的标准操作，以及通过 attributes 集合直接修改 nodeValue 的方式。内容涵盖从定义自定义属性到读取和写入值的完整流程，适用于前端开发中的动态属性管理场景。
JavaScript 操作 HTML 自定义属性详解
本文通过具体实例，详细讲解在 JavaScript 中操作 HTML 自定义属性的实现方式，供开发者参考学习。
首先定义 HTML 结构，其中包含一个名为 displayName 的自定义属性，示例代码如下：
HTML 代码示例如下：
<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 程序设计的介绍能对您的开发工作有所帮助。