Heim > Artikel > Web-Frontend > So ändern Sie Elementattribute in JavaScript
So ändern Sie Elementattribute in JavaScript: 1. Verwenden Sie die Anweisung „element object.attribute = new value“. 2. Verwenden Sie die Anweisung „element object.setAttribute('attribute','attribute value')“.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
JavaScript zum Ändern von Elementattributen
1. Verwenden Sie die Anweisung „element object.attribute = new value
“元素对象.attribute = new value
”语句
例:修改了 a1f02c36ba31691bcfe87b2722de723b 元素的 src 属性的值:
<img id="myImage" src="smiley.gif"> <script> document.getElementById("myImage").src = "landscape.jpg"; </script>
方法2:使用setAttribute()函数
setAttribute() 方法添加指定的属性,并为其赋指定的值。如果这个指定的属性已存在,则仅设置/更改值。
语法:元素对象.setAttribute('属性','属性值');
Beispiel: Der Wert des src-Attributs von < wurde geändert ;img> element :<div>hello</div>
<div id="box">欢迎来到PHP中文网!</div>
<script type="text/javascript">
var box=document.getElementById("box");
box.setAttribute('style','color:red;border:1px solid #008000');
// 给box元素设置的是行内样式
</script>
Element object.setAttribute('attribute','attribute value');
🎜rrreee🎜[Empfohlenes Lernen: 🎜Javascript-Tutorial für Fortgeschrittene🎜]🎜Das obige ist der detaillierte Inhalt vonSo ändern Sie Elementattribute in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!