How JavaScript changes the attributes of an element

Editor to share with you how JavaScript changes the attributes of elements, I believe most people do not know much about it, so share this article for your reference, I hope you can learn a lot after reading this article, let's go to know it!

JavaScript changes element attributes: 1, use the "element object .attribute = new value" statement; 2, use the "element object .setAttribute ('attribute', 'attribute value')" statement.

The operating environment of this tutorial: windows7 system, javascript1.8.5 version, Dell G3 computer.

JavaScript changes the attributes of an element

1. Use the "element object .attribute = new value" statement

Example: modified

The value of the src attribute of the element:

Document.getElementById ("myImage") .src = "landscape.jpg"

Method 2: use the setAttribute () function

The setAttribute () method adds the specified property and assigns it the specified value. If this specified property already exists, only the value is set / changed.

Syntax: element object .setAttribute ('attribute', 'attribute value')

Welcome to hello! Var box=document.getElementById ("box"); box.setAttribute ('style','color:red;border:1px solid # 008000'); / / set the inline style for the box element. this is all the content of the article "how JavaScript changes element attributes". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!