如何使用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>