Heim > Artikel > Web-Frontend > So ändern Sie die Bildlinkadresse mit Javascript
So ändern Sie die Bildlinkadresse mit Javascript
- 王林Original
- 2021-11-09 15:43:347259Durchsuche
Javascript-Methode zum Ändern der Bildlinkadresse: [window.onload = function () {ImageSrc();} function ImageSrc() { var imgs = document.getEleme...].
Die Betriebsumgebung dieses Artikels: Windows 10-System, Javascript 1.8.5, Thinkpad T480-Computer.
Die spezifische Implementierungsmethode zum Ändern der Bildlinkadresse mithilfe von JavaScript:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
window.onload = function () {
ImageSrc();
}
function ImageSrc() {
var imgs = document.getElementsByClassName("ArticleBody")[0].getElementsByTagName("img");
for (var i = 0, l = imgs.length; i < l; i++) {
imgs[i].src = imgs[i].src.replace("gjbt", "www"); //img[i].src is the reference to the image.
}
}
</script>
</head>
<body>
<div class="ArticleBody">
<img src="image/01.jpg" />
<img src="image/04.jpg" />
<img src="image/02.jpg" />
<img src="image/03.jpg" />
</div>
</body>
</html>Empfohlenes Lernen: Javascript-Video-Tutorial
Das obige ist der detaillierte Inhalt vonSo ändern Sie die Bildlinkadresse mit Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So implementieren Sie die Reset-Funktion in JavaScriptNächster Artikel：So implementieren Sie die Reset-Funktion in JavaScript