Maison > Article > interface Web > Comment changer la valeur de l'attribut src en javascript

Comment changer la valeur de l'attribut src en javascript

青灯夜游original: 2021-07-16 14:16:238035parcourir

Comment changer la valeur de l'attribut src en JavaScript : 1. Utilisez la méthode setAttribute(), la syntaxe est "element object.setAttribute("src","attribute value""); 2. Utilisez l'attribut src du HTML DOM. , la syntaxe est "element object. src="valeur d'attribut"".

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

javascript modifie la valeur de l'attribut src

Méthode 1 : utilisez la méthode setAttribute()

setAttribute() pour ajouter l'attribut spécifié et lui attribuer la valeur spécifiée.

Définit/modifie la valeur uniquement si cette propriété spécifiée existe déjà.

Exemple :

<!DOCTYPE html>
<html>
<body>

<img  src="img/1.jpg"    style="max-width:90%"/ alt="Comment changer la valeur de l'attribut src en javascript" >

<p id="demo">点击按钮来改变img标签src属性的值。</p>

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

<script>
function myFunction()
{
document.getElementsByTagName("img")[0].setAttribute("src","img/2.jpg"); 
}
</script>

</body>
</html>

Rendu :

Comment changer la valeur de lattribut src en javascript

2. Utilisation de l'attribut src de l'objet HTML DOM

<!DOCTYPE html>
<html>
<body>

<img  src="img/1.jpg"    style="max-width:90%"/ alt="Comment changer la valeur de l'attribut src en javascript" >

<p id="demo">点击按钮来改变img标签src属性的值。</p>

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

<script>
function myFunction()
{
document.getElementsByTagName("img")[0].src="img/3.jpg"; 
}
</script>

</body>
</html>

Rendu :

Comment changer la valeur de lattribut src en javascript

【Apprentissage recommandé : java tutoriel avancé de script】

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!

JavaScript html 对象 dom

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

Article précédent：Comment comprendre que javascript est un langage dynamiqueArticle suivant：Comment comprendre que javascript est un langage dynamique

Articles Liés

Voir plus