Метод getElementsByTagName() DOM HTML
Определение и использование
Метод getElementsByTagName() может возвращать набор объектов с указанным именем тега.
Синтаксис
document.getElementsByTagName(tagname)
Объяснение
Метод getElementsByTagName() возвращает элементы в том порядке, в котором они расположены в документе.
Если передать особую строку "*" методу getElementsByTagName(), он вернет список всех элементов документа, элементы排列ены в том порядке, в котором они расположены в документе.
Подсказки и комментарии
Примечание:Строка, передаваемая методу getElementsByTagName(), может быть написана без учета регистра.
Пример
Пример 1
<html>
<head>
<script type="text/javascript">
function getElements()
{
var x=document.getElementsByTagName("input");
alert(x.length);
}
</script>
</head>
<body>
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<input name="myInput" type="text" size="20" /><br />
<br />
<input type="button" onclick="getElements()"
value="Сколько элементов ввода?" />
</body>
</html>
Пример 2
Метод getElementsByTagName() может получить список элементов любого типа HTML. Например, следующий код может получить все таблицы в документе:
var tables = document.getElementsByTagName("table");
alert ("Этот документ содержит " + tables.length + " таблиц");
Пример 3
Если вы очень хорошо знаете структуру документа, вы также можете использовать метод getElementsByTagName() для получения определенного элемента в документе. Например, следующий код可以获得 четвертый абзац в документе:
var myParagragh = document.getElementsByTagName("p")[3];
Однако, мы все же считаем, что если вам нужно работать с определенным элементом, использование метода getElementById() будет более эффективным.
