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

Comment définir l'attribut src en javascript

青灯夜游
Libérer: 2023-01-05 16:12:00
original
8751 Les gens l'ont consulté

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>
Copier après la connexion

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)
Copier après la connexion
参数 类型 描述
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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal