getElementsByTagName()

[ 方法说明 ]该方法接收一个参数，即要取得元素的标签名，返回包含0或多个元素的类数组对象HTMLCollection。

可以使用方括号语法 或 item() 方法来访问类数组对象中的项；length属性，表示对象中元素的数量。

<div>元素一</div>
<div>元素二</div>
<script>
   var divs = document.getElementsByTagName('div');
   divs[0].style.color = 'red';
   divs.item(1).style.backgroundColor = 'pink';
</script>

[ 动态集合？！] 通过该方法取得的HTMLCollection类数组对象有一个namedItem()方法，可以通过元素的name属性取得集合中的第一个值。safari和IE不支持该方法。

<div>元素一</div>
<div name='test'>元素二</div>
<div name='test'>元素三</div>
<script>
   var divs = document.getElementsByTagName('div');
   divs.namedItem('test').style.color = 'red';
</script>

该方法可以用于document对象，也可以用于element元素对象，用于调用该方法的元素的后代元素。

<ul id='myUl'>
    <li>1</li>
    <li>2</li>
</ul>
<script>
var oUl = document.getElementById('myUl');
var lis = oUl.getElementsByTagName('li');
lis[0].style.color = 'red';
</script>