How to change element attributes in JavaScript

How to change element attributes in JavaScript: 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, javascript version 1.8.5, Dell G3 computer.

JavaScript to change element attributes

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

Example: Modified the value of the src attribute of the a1f02c36ba31691bcfe87b2722de723b element:

<img id="myImage" src="smiley.gif">

<script>
document.getElementById("myImage").src = "landscape.jpg";
</script>

Method 2: Use the setAttribute() function

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

Syntax:

Element object.setAttribute('attribute','attribute value');

<div>hello</div> 
<div id="box">欢迎来到PHP中文网！</div> 
<script type="text/javascript">
	var box=document.getElementById("box");
	box.setAttribute(&#39;style&#39;,&#39;color:red;border:1px solid #008000&#39;);
	// 给box元素设置的是行内样式
</script>

[Recommended learning:

javascript advanced tutorial]

The above is the detailed content of How to change element attributes in JavaScript. For more information, please follow other related articles on the PHP Chinese website!