JS method to operate HTML custom attributes_javascript skills

The example in this article describes how JS operates HTML custom attributes. Share it with everyone for your reference. The details are as follows:

The HTML code is as follows (displayName is a custom attribute):

Copy code The code is as follows:

Get custom attribute value:

Copy code The code is as follows:

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

Set custom attribute value:

Copy code The code is as follows:

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

I hope this article will be helpful to everyone’s JavaScript programming design.