在Javascript中围绕元素包装链接的更好方法

Question

假设我想仅使用Javscript包围元素<div id='foo'><button>Hello World</button></div>周围的链接。

我可以这样做：

document.getElementById("foo").innterHTML = 
"<a href='#'><button>Hello World</button></a>"

但是，如果不重新输入整个innerHTML内容，有没有更好的方法呢？也许通过某种方式更多的目录包装带有链接的按钮？

（这是因为我有一个按钮，当点击时创建一个效果，与IE的旧版本不兼容，我想为IE 6/7/8插入一个手动链接如果检测到该使用者）

Answer 1

我确信有更好的方法，但这应该有效：

document.getElementById("foo").innterHTML = "<a href='#'>" + document.getElementById("foo").innterHTML + "</a>"