javascript DOM innerHTML createElement createTextNode

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

你可能感兴趣的:(JavaScript)