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

実行結果

ソース

<form action="#">
    <input type="button" value="このページのDIV要素を取得" onclick="fGetElementsByTagName('DIV')" />
    <div id="resGetElementsByTagName"></div>
</form>

<script type="text/javascript">
function fGetElementsByTagName(tagName){
    var s="";
    var nodeList=document.getElementsByTagName(tagName);
    s+="このページにDIV要素は "+nodeList.length+" ありますよ<br \/>";
    s+="そのうちID名があるのは以下のとおり<br \/>";
    for(var i in nodeList){
        if(nodeList[i].id){
            s+=nodeList[i].id+"<br>";
        }
    }
    document.getElementById("resGetElementsByTagName").innerHTML=s;
}
</script>

polarized women