[javascript] 方法getElementsByTagName使用範例

由方法名稱(getElementsByTagName)可以看出，此方法是使用標籤名稱(tag name)取得元素，在此將介紹較低耗能的使用方式。


假設html內容為：

<input type=text name='mile_a' size='10'>
<div id=range>
    <input type=text name='mile_b' size='10'>
    <input type=text name='mile_c' size='10'>
    <input type=checkbox name='chk_d'>

    <select name='set_e'>
        <option value='a'>a
        <option value='b'>b
    </select>
</div>

使用div將要取得的標籤包在裡面，然後在使用getElementsByTagName方法時，指定對象來源，可以將不必要的標籤排除在外，以達到低耗效果。


//方式一：一般使用

<script>
var o = document.getElementsByTagName('input');
for(var i=0; i<o.length; i++){
    alert(o[i].name);
}
< /script>

輸出結果：mile_a, mile_b, mile_c, chk_d


//方式二：低耗使用

<script>
var o = range.getElementsByTagName('input');
for(var i=0; i<o.length; i++){
    alert(o[i].name);
}
< /script>

方式二輸出結果：mile_b, mile_c, chk_d