怎么获取html的某个元素,获取HTML元素的3个方法

1.该元素一个 id 属性，为它指定一个(在文档中)唯一的名称，然后就可以用该 ID 查找想要的元素。

function getValue()

{

var x=document.getElementById("myHeader")

alert(x.innerHTML)

}

This is a header

Click on the header to alert its value

2.该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。

function getElements()

{

var x=document.getElementsByName("myInput");

alert(x.length);

}

value="How many elements named 'myInput'?" />

3.getElementsByTagName() 方法可返回带有指定标签名的对象的集合。

语法

document.getElementsByTagName(tagname)

说明

getElementsByTagName() 方法返回元素的顺序是它们在文档中的顺序。

如果把特殊字符串 "*" 传递给 getElementsByTagName() 方法，它将返回文档中所有元素的列表，元素排列的顺序就是它们在文档中的顺序。

提示和注释

注释：传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

实例

例子 1

function getElements()

{

var x=document.getElementsByTagName("input");

alert(x.length);

}

value="How many input elements?" />

例子 2

可以用 getElementsByTagName() 方法获取任何类型的 HTML 元素的列表。例如，下面的代码可获取文档中所有的表：

var tables = document.getElementsByTagName("table");

alert ("This document contains " + tables.length + " tables");

例子 3

如果您非常了解文档的结构，也可以使用 getElementsByTagName() 方法获取文档中的一个特定的元素。例如，下面的代码可以获得文档中的第四个段落：

var myParagragh = document.getElementsByTagName("p")[3];

不过，我们还是认为，如果您需要操作某个特定的元素，使用 getElementById() 方法将更为有效。