javascript createComment()建立註釋節點

admin發表於2017-03-24
JavaScript

關於js中的註釋大家應該都比較熟悉，比如下面的就是一個註釋的簡單應用:

[JavaScript] 純文字檢視 複製程式碼
//宣告一個字串
var str="antzone";

下面介紹一下如何動態的建立一個註釋節點。不過上面的註釋是js程式碼中的註釋，因為js是用來操作dom的，所以建立的註釋節點是用來註釋html的程式碼，程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8"> 
<meta name="author" content="http://www.softwhy.com/" /> 
<title>螞蟻部落</title> 
<script type="text/javascript"> 
window.onload=function(){
  var odiv=document.getElementById("left");
  var comment=document.createComment("螞蟻部落");
  odiv.appendChild(newComment);
}
</script> 
</head> 
<body> 
<div id="left"></div>
</body> 
</html>

以上程式碼建立了一個註釋節點，並且追加到div中去，當然演示程式碼解析後無法看到效果，因為瀏覽器並不會渲染註釋節點的，不過可以通過谷歌工具檢視到，使用document.createComment()函式即可實現我們的要求。

相關文章