Maison  >  Article  >  interface Web  >  Comment définir l'attribut src en javascript

Comment définir l'attribut src en javascript

青灯夜游
青灯夜游original
2021-04-27 16:04:578628parcourir

Comment définir l'attribut src en JavaScript : utilisez d'abord l'instruction "document.getElementById("id value")" pour obtenir l'objet élément ; puis utilisez l'instruction "element object.setAttribute("src","src"," Adresse URL")" pour ajouter ou modifier les propriétés de l'élément.

Comment définir l'attribut src en javascript

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

javascript définit l'attribut src

En javascript, vous pouvez utiliser la méthode setAttribute() pour définir l'attribut src d'un élément. L'exemple de code est le suivant :

<img  id="img" src="img/1.jpg" / alt="Comment définir l'attribut src en javascript" >

<p id="demo">点击按钮来设置img图片的 src属性。</p>

<button onclick="myFunction()">试一下</button>

<script>
	function myFunction() {
		document.getElementById("img").setAttribute("src", "img/3.jpg");
	}
</script>

Figure d'effet :

Comment définir lattribut src en javascript

Description : la méthode setAttribute()

la méthode setAttribute() ajoute l'attribut spécifié et l'y ajoute. Attribuez la valeur spécifiée. Si cette propriété spécifiée existe déjà, la valeur est uniquement définie/modifiée.

Grammaire

element.setAttribute(attributename,attributevalue)
参数 类型 描述
attributename String 必需。您希望添加的属性的名称。
attributevalue String 必需。您希望添加的属性值。

[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