Maison  >  Article  >  interface Web  >  Comment modifier les attributs d'un élément en JavaScript

Comment modifier les attributs d'un élément en JavaScript

青灯夜游
青灯夜游original
2021-11-08 11:29:582101parcourir

Comment modifier les attributs d'un élément en JavaScript : 1. Utilisez l'instruction "element object.attribute = new value" ; 2. Utilisez l'instruction "element object.setAttribute('attribute','attribute value')".

Comment modifier les attributs d'un élément en JavaScript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

JavaScript pour modifier les attributs des éléments

1. Utilisez l'instruction "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('属性','属性值');

Exemple : modification de la valeur de l'attribut src du < ;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>

Méthode 2 : utilisez la fonction setAttribute()🎜🎜🎜setAttribute() pour ajouter l'attribut spécifié et lui attribuer la valeur spécifiée. Si cette propriété spécifiée existe déjà, la valeur est uniquement définie/modifiée. 🎜🎜Syntaxe : Element object.setAttribute('attribute','attribute value');🎜rrreee🎜[Apprentissage recommandé : 🎜Tutoriel avancé javascript🎜]🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn