首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

:怎么给一个图片增加一个父节点

2012-08-16 
在线等:请教高手,如何给一个图片增加一个父节点比如一段代码div pimg src1.jpg/p/div需要通

在线等:请教高手,如何给一个图片增加一个父节点
比如一段代码
<div>
 <p><img src="1.jpg"></p>
</div>

需要通过js给这个<img>增加一个父容器 div 通过js有何办法实现? 

<div>
 <p>
  <div><img src="1.jpg"></div>
 </p>
</div>

请教了~~~

[解决办法]
jquery代码:
$("img").wrap("<div></div>");
[解决办法]

HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml">    <head>        <title>NewDocument</title>        <meta http-equiv="content-type" content="text/html; charset=utf-8" />        <meta name="generator" content="Editplus" />        <meta name="author" content="" />        <meta name="keywords" content="" />        <meta name="description" content="" />    </head>    <body>        <div>             <p><img src="1.jpg"></p>        </div>        <script type="text/javascript">        <!--            var imgs = document.getElementsByTagName("img");            for(var i=0,len=imgs.length;i<len;i++){                var node = document.createElement("div");                var img = imgs[i].cloneNode();                node.appendChild(img);                                imgs[i].parentElement.replaceChild(node,imgs[i]);                            }        //-->        </script>    </body></html>
[解决办法]
var pEle = document.getElementsByTagName('p')[0];
var newDom = '<div>' + pEle.innerHTML + '</div>';
pEle.innerHTML = newDom;

热点排行
Bad Request.