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

実行結果

DOMとは、Document Object Modelの略です。 (X)HTMLやXMLのようなツリー構造の文書にアクセスし、操作するためのAPIです。

    ソース

    <!-- 子ノードの値を取得 -->
<p id="parentP">
    DOMとは、<strong>Document Object Model</strong>の略です。
    (X)HTMLやXMLのようなツリー構造の文書にアクセスし、操作するための<strong>API</strong>です。
</p>
<form action="#">
    <input type="button" value="子ノードリストからSTRONG要素のテキストを取得" onclick="fGetChildNodes()" />
</form>
<ul id="resGetChildNodes"></ul>

<script type="text/javascript">
function fGetChildNodes(){
    var s=""
    var parentObj=document.getElementById("parentP");
    for(var i in parentObj.childNodes){
        var childObj=parentObj.childNodes[i];
        if(childObj!=null && childObj.nodeName=="STRONG"){
            s+="<li>"+childObj.firstChild.nodeValue+"</li>";
        }
    }
    document.getElementById("resGetChildNodes").innerHTML=s;
}
</script>

    polarized women