說明:
/*********************************************************
*
*getElementById:獲取id=**的內(nèi)容
*
*getElementsByName:獲取的是name=***的一組值,想獲取某個值,還需要遍歷循環(huán),獲取
*
*getElementsByName:獲取tagName=***的一組值,需要遍歷獲取單個對象的內(nèi)容
*
*********************************************************/
-----------------------------------------------------------------------------------------------------------------------------
代碼示例:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>訪問文檔節(jié)點(diǎn)</title>
<script type="application/javascript" language="javascript">
/*********************************************************
*
*getElementById:獲取id=**的內(nèi)容
*
*getElementsByName:獲取的是name=***的一組值,想獲取某個值,還需要遍歷循環(huán),獲取
*
*getElementsByName:獲取tagName=***的一組值,需要遍歷獲取單個對象的內(nèi)容
*
*********************************************************/
function byId(){
var id1 = document.getElementById("id1");
alert("通過getElementById訪問文檔的內(nèi)容:"+id1.value);
}
function byName(){
var name1 = document.getElementsByName("name1");
alert("通過getElementsByName訪問文檔的內(nèi)容:"+name1[0].value);
}
function byTagName(){
var tag = document.getElementsByTagName("input");
alert("通過getElementsByTagName訪問文檔的內(nèi)容:"+tag[1].value);
}
</script>
</head>
<body>
<input type="text" value="測試內(nèi)容1" id="id1" />
<input type="text" name="name1" value="測試內(nèi)容2"/>
<span onclick="byId();">getElementById</span>
<br />
<span onclick = "byName()">getElementsByName</span>
<br />
<span onclick = "byTagName()">getElementsByTagName</span>
<br />
</body>
</html>
