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

假设我只想使用Javscript在元素

helloworld

周围包装一个链接

我可以这样做：

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

document.getElementById（“foo”）.innterHTML=
""

但是，有没有更好的方法可以在不重新键入整个innerHTML内容的情况下实现这一点？也许通过某种方式更多地使用链接包装按钮

---

（这样做的目的是因为我有一个按钮，点击时会产生与旧版本IE不兼容的效果，如果检测到该用户代理，我想为IE 6/7/8插入一个手动链接）

我肯定有更好的方法，但这应该可以：

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

document.getElementById（“foo”）.innterHTML=“”

链接有什么帮助-悬停效果？我指的是一种包含内容的灯箱/窗口覆盖效果。在旧的IE版本中，点击按钮只会导致一个具有相同内容的静态页面。谢谢，这更干净了。如果在不久的将来没有人发布更好的方法，我会将此标记为答案。