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

実行結果

ソース

<ul id="urlLists">
    <li><a href="http://phpjavascriptroom.com/" title="PHP & JavaScript Roomを開きます">PHP &amp; JavaScript Room</a></li>
    <li><a href="http://www.yahoo.co.jp" title="Yahoo! Japanを開きます">Yahoo! JAPAN</a></li>
    <li><a href="http://www.google.co.jp" title="Googleを開きます">Google</a></li>
</ul>

<form action="#">
    <input type="button" value="リンクのtitle属性の値を取得" onclick="fGetAnchorTitle()" />
    <p id="resGetAnchorTitle"></p>
</form>

<script type="text/javascript">
function fGetAnchorTitle(){
    var s="";
    /* 親ノード（UL） */
    var parentObj=document.getElementById("urlLists");
    for(var i in parentObj.childNodes){
        /* 子ノード（LI）*/
        var childObj=parentObj.childNodes[i];
        if(childObj.nodeName=="LI"){
            /* 子ノード（LI）の最初の子ノード（A） */
            s+=childObj.firstChild.title+"<br>";
        }
    }
    document.getElementById("resGetAnchorTitle").innerHTML=s;
}
</script>

polarized women