Heim  >  Artikel  >  Web-Frontend  >  So ändern Sie Elementattribute in JavaScript

So ändern Sie Elementattribute in JavaScript

青灯夜游
青灯夜游Original
2021-11-08 11:29:582101Durchsuche

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')“.

So ändern Sie Elementattribute in JavaScript

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(&#39;style&#39;,&#39;color:red;border:1px solid #008000&#39;);
	// 给box元素设置的是行内样式
</script>

Methode 2: Verwenden Sie die Funktion setAttribute()🎜🎜🎜setAttribute(), um das angegebene Attribut hinzuzufügen und ihm den angegebenen Wert zuzuweisen. Wenn diese angegebene Eigenschaft bereits vorhanden ist, wird der Wert nur gesetzt/geändert. 🎜🎜Syntax: 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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn