<div id="ccc">
<img src="1.jpg">
1534654主其他随机字符
<img src="2.jpg" style="样式字符 "></div>要把它变成
<div id="ccc">
<a href="1.jpg" rel="lightbox"><img src="1.jpg"></a>
1534654主其他随机字符
<a href="2.jpg" rel="lightbox"><img src="2.jpg" style="样式字符 "></a></div>如何实现啊?
<img src="1.jpg">
1534654主其他随机字符
<img src="2.jpg" style="样式字符 "></div>要把它变成
<div id="ccc">
<a href="1.jpg" rel="lightbox"><img src="1.jpg"></a>
1534654主其他随机字符
<a href="2.jpg" rel="lightbox"><img src="2.jpg" style="样式字符 "></a></div>如何实现啊?
<a href="http://www.163.com" rel="lightbox"><img src="1.jpg"/></a>
用javascript实现
<html>
<head>
<script>
function abc()
{
var parentNode=document.getElementById("ccc");
var imgs=parentNode.getElementsByTagName("img");
for(var i=0;i<imgs.length;i++)
{
var newNode=document.createElement("a");
newNode.href=imgs[i].src;
var imgCopy=document.createElement("img");
imgCopy.src=imgs[i].src;
newNode.appendChild(imgCopy);
parentNode.replaceChild(newNode,imgs[i]);
}
}
</script>
</head>
<body>
<div id="ccc">
<img src="1.jpg"/>
1534654主其他随机字符
<img src="2.jpg" style="样式字符"/>
</div>
<input type="button" value="替换" onclick="abc()"/>
</body>
</html>