您的位置:首页 > Web前端 > Node.js

javascript DOM innerHTML createElement createTextNode

2015-12-14 15:47 639 查看
innerHTML createElement createTextNode 比较:

innerHTML / outerHTML 只是一项专利,不是业界标准,尽管很好用.

createElement / createTextNode 是 DOM提供的标准方法,但是要写好多代码。

示例:

[javascript]
view plaincopyprint?

function makeElement(){  
    var navPoint = document.createElement("navPoint");  
    var navLabel = document.createElement("navLabel");  
    var content = document.createElement("content");  
    var text = document.createElement("text");  
    var txtNode = document.createTextNode("Dedication Dynamic created!!!");  
    text.appendChild(txtNode);  
    navLabel.appendChild(text);  
    navPoint.appendChild(navLabel);  
    content.setAttribute("src","baidu.com");  
    navPoint.appendChild(content);  
    navPoint.setAttribute('id',"Dedication");  
    navPoint.setAttribute('playOrder',"1000");  
    document.body.appendChild(navPoint);  
}  

用createElement / createTextNode要写N句,但是用innerHTML一句话就搞定了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: