Ada banyak cara untuk menelusuri gambar di jendela yang sama. Dalam contoh ini, saya ingin memperkenalkan Anda untuk menggunakan JS untuk mendapatkan atribut SRC IMG dan menggantinya. Teman yang membutuhkan ini dapat merujuknya.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title di sini </itement> <tyle> h1 {position: absolute; margin-left: 150px;} ul {position: absolute; margin-top: 50px; margin-left: 80px;} li {float: left; list-style: none; padding: 1em;} img {position: absolute; margin-top: 100px; margin-left: 100px; lebar: 1000px; tinggi: 600px;} p {position: absolute; margin-top: 800px; margin-left: 550px;} </style> <script> function showcat (a) {var oSr) = a. " var oimg = document.getElementById ("img1"); oimg.setAttribute ("SRC", OSRC); var op = document.getElementById ("p1"); var otxt = a.getAttribute ("title"); op.childnodes [0] .nodevalue = otxt ;; } </script> </head> <body> <h1> Cat home </h1> <ul> <li> <a href = "img/1.jpg" onclick = "showcat (this); return false;"> white cat </a> </li> <li> <a href = "img/2.jpg" onClick = "LiT"; <li> <a href = "img/3.jpg" ontClick = "showcat (this); return false;"> cat cat </a> </li> </ul> <img id = "img1" src = "img/4.jpg"/> <p id = "p1"> Pilih foto cat </p> </body> </body> ht = "p1"> Cat Photo </p> </body> ht> ht = "p1"