javascript DOM innerHTML createElement createTextNode

最新推荐文章于 2021-09-19 21:43:14 发布

lein_wang

最新推荐文章于 2021-09-19 21:43:14 发布

阅读量1k

点赞数

分类专栏： js/jquery/css 文章标签： javascript function

本文链接：https://blog.csdn.net/lein_wang/article/details/8077169

版权

js/jquery/css 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

innerHTML createElement createTextNode 比较：

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

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

示例：

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一句话就搞定了。