PHP & JavaScript Room :: 設置サンプル

<form action="#">
    <p><input type="button" value="コメントノード生成" onclick="fCreateCommentNode()" /></p>
    <div id="txtDiv">あああああああああ</div>
    <p id="resCreateCommentNode"></p>
</form>

<script type="text/javascript">
function fCreateCommentNode(){
    /* 親ノード */
    var parentObj=document.getElementById("txtDiv");
    /* コメントノード生成 */
    var commentNode=document.createComment("コメントです");
    /* 親ノードにコメントノードを追加 */
    parentObj.appendChild(commentNode);

    /* コメントノードが生成されているか確認 */
    var s="【確認】<br>\n";
    for(var i in parentObj.childNodes){
        var childObj=parentObj.childNodes[i];
        if(childObj!=undefined){
            s+=childObj.nodeName+"<br \/>\n";
        }
    }
    document.getElementById("resCreateCommentNode").innerHTML=s;
}
</script>