请问怎样在某个元素的两边插入一个元素？？？

Question

比如，我有一个<img xxxxx></img> 元素
我希望能实现动态插入一个元素产生这样的结果：
<div align='cent'><img xxxxx></img></div>
就是插入的div元素把img元素包括进去。
请问怎么实现？？？

Answer 1

方法应该很多，例如你的 <img id="a" xxxxx />，可以直接写
var a=document.getElementById("a");
a.outerHTML="<div align='cent'>" + a.outerHTML + "</div>"

Answer 2

//currentElement是当前元素 (img)
//newElement是要嵌入的元素 (div)
假设:
<img id="xxx" ......>//首先
var currentELement = document.getElementById("xxx");//获取img元素
var newElement = document.createElement("div");//创建div元素
//IE下可以这样
currentElement.applyElement("outside",newElement);//将新元素作为当前元素的父元素
//或者通用的
currentELement.parentElement.insertBefore(newElement,currentELement);//将新元素插入到当前元素前面
newElement.appendChild(currentElement);//直接将当前元素插入到新元素的内部;