如何使用JavaScript

Question

<div id="mydiv"> 
<img src="myimage.jpg" /> 
</div> 
<script language="javascript"> 
var a=document.createElement('a'); 
a.href='http://mylink.com'; 
document.getElementById('mydiv').appendChild(a); 
</script> 

創建圖像鏈接腳本不起作用對圖像

<div id="mydiv"> 
    <a href="http://mylink.com"><img src="myimage.jpg" /></a> 
</div> 

Answer 1

你把鏈接後的圖像創建鏈接。

您需要移動圖像，使其位於鏈接內。

var image = document.getElementById('mydiv').getElementsByTagName('img')[0]; 
a.appendChild(image); 

Answer 2

<div id="mydiv"> 
<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/4/4d/Cat_November_2010-1a.jpg/220px-Cat_November_2010-1a.jpg" /> 
</div> 

<script language="javascript"> 
var a=document.createElement('a'); 
a.href='http://mylink.com'; 
var image = document.getElementById('mydiv').getElementsByTagName('img')[0]; 
b=a.appendChild(image); 
document.getElementById('mydiv').appendChild(a); 
</script> 

感謝的爲理念。這項工作

Answer 3

這裏是不需要額外股利和在HTML頁面中把每一個圖像周圍的鏈接的解決方案：

<!-- jQuery --> 
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script> 

<script type="text/javascript" charset="utf8"> 
    $(document).ready(function(){ 
    var images = document.getElementsByTagName('img'); 
    for (var i = 0; i < images.length; i++) { 
     var image = images[i]; 
     var parentElement = image.parentElement; 
     var a = document.createElement('a'); 
     a.href = image.getAttribute('src'); 
     a.appendChild(image); 
     parentElement.appendChild(a); 
    } 
    }); 
</script>