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一句话就搞定了。
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一句话就搞定了。
相关文章推荐
- namenode metadata 备份与恢复实验
- Node.js包管理器:
- 使用supervisor提高nodejs调试效率
- 安装 Node.js
- 【探索】NodeJS中间层搭建——楔子
- win10下详细配置nodejs+express4开发环境
- nodejs+express递归实现树形结构demo
- node.js中的匿名函数, 回调函数和嵌套函数
- npm & nodeJS
- nodejs的jsonrpc调用
- [Tree]Count Complete Tree Nodes
- win7下运行nodejs的中文报错:Error: write EIO
- nodejs中exports与module.exports的区别详细介绍
- 七天学会node.js 3 - Path(转+学)
- 【NodeJs】NodeJs中base16转码
- nodejs之第一篇小发现
- ROS知识(9)----NodeHandle命令空间问题
- 使用nodejs搭建服务器显示HTML页面
- 理解inode
- 《Node.js In Action》笔记之流程控制