Comment définir la valeur img src en javascript-js tutoriel-php.cn

Comment définir la valeur img src en javascript

青灯夜游

Libérer： 2021-11-03 15:34:47

original

15749 Les gens l'ont consulté

Méthode de paramétrage : 1. Utilisez l'attribut src de l'objet élément, la syntaxe "img element object.src="attribute value"" ; 2. Utilisez la méthode setAttribute(), la syntaxe "img element object.setAttribute(" src","valeur d'attribut")".

Comment définir la valeur img 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 la valeur img src

Méthode 1 : Utilisation de l'attribut src de l'objet élément

<!DOCTYPE html>
<html>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" / alt="Comment définir la valeur img src en javascript" >
		<p id="demo">点击按钮来改变img标签的内容。</p>
		<button onclick="myFunction()">试一下</button>

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

Copier après la connexion

Rendu :

Comment définir la valeur img src en javascript

Méthode 2 : Utilisation de setAttribute () méthode

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

<!DOCTYPE html>
<html>
	<body>
		<img  src="img/1.jpg"    style="max-width:90%" / alt="Comment définir la valeur img src en javascript" >
		<p id="demo">点击按钮来改变img标签的内容。</p>
		<button onclick="myFunction()">试一下</button>

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

Copier après la connexion

Rendu :

Comment définir la valeur img src en javascript