JS操作HTML节点添加子节点?

Question

我需要在页面某个节点的(例如:img id="top_img") ,下添加个子节点JS运行后的效果是:
<oldNote id="top_img">
    <newNote></newNote>
</oldNote>如果在JS新建这个newNote呢?  请教下!

Answer 1

var oElement = document.createElement("tagName")
document.getElementById("top_img").appendChild(oElement)

Answer 2

<script>
window.onload=function(){
var xmlDoc = new ActiveXObject("Msxml2.DOMDocument");
xmlDoc.loadXML("<oldNote id=\"top_img\"></oldNote>");
if (xmlDoc.parseError.errorCode != 0) {
   var myErr = xmlDoc.parseError;
   alert("You have error " + myErr.reason);
} else {
   xmlDoc.setProperty("SelectionLanguage", "XPath");
   var p = xmlDoc.selectSingleNode("//oldNote[@id='top_img']");
   var n = xmlDoc.createElement("newNode");
   p.appendChild(n);
   alert(p.xml)
}
}
</script>

Answer 3

var nElem = document.getElementById("top_img").appendChild(document.createElement("newNote"));

Answer 4

var oElement = document.createElement("tagName") 
document.getElementById("top_img").appendChild(oElement)

Answer 5

var oElement = document.createElement("tagName") 
document.getElementById("top_img").appendChild(oElement)