<!DOCTYPE?HTML>
<html>??
<head>??
<meta?http-equiv="Content-Type"?content="text/html;?charset=UTF-8"?/>??
<title>JavaScript</title>??
</head>??
<body>??
????
????????<form?name="Input">
????????????<table?align="center"?width="500px"?height="50%"?border="1">
????????????????<tr>
????????????????????<td?align="center"?width="100px">
????????????????????????學(xué)號:
????????????????????</td>
????????????????????<td?align="center"?width="300px">
????????????????????????<input?type="text"?id=userid?name="user"?onblur="validate();">
????????????????????????<div?id=usermsg></div>
????????????????????</td>
????????????????</tr>
????????????????<tr>
????????????????????<td?align="center"?width="100px">
????????????????????????姓名:
????????????????????</td>
????????????????????????<td?align="center">
????????????????????????<input?type="text"?name="name">
????????????????????</td>
????????????????</tr>
????????????????<tr>
????????????????????<td?align="center"?width="%45">
????????????????????????性別:
????????????????????</td>
????????????????????<td?align="center">
????????????????????????<input?type="radio"?name="sex"?value="男">
????????????????????????男
????????????????????????<input?type="radio"?name="sex"?value="女">
????????????????????????女
????????????????????</td>
????????????????</tr>
????????????????<tr>
????????????????????<td?align="center"?width="30%">
????????????????????????年齡:
????????????????????</td>
????????????????????<td?align="center"?width="300px">
????????????????????????<input?type="text"?name="age">
????????????????????</td>
????????????????</tr>
????????????????<tr>
????????????????????<td?align="center"?width="100px">
????????????????????????地址:
????????????????????</td>
????????????????????<td?align="center"?width="300px">
????????????????????????<input?type="text"?name="addr">
????????????????????</td>
????????????????</tr>
????????????</table>
????????</form>
????????<h1?id="myHead"?onclick="getValue()">
????????????看看三種獲取節(jié)點(diǎn)的方法?
????????</h1>
????????<p>
????????????點(diǎn)擊標(biāo)題彈出它的值。
????????</p>
????????<input?type="button"?onclick="getElements()"
????????????value="看看name為sex的節(jié)點(diǎn)有幾個(gè)?"?/>
????????<Br>
????????<input?type="button"?onclick="getTagElements()"
????????????value="看看標(biāo)簽名為input的節(jié)點(diǎn)有幾個(gè)?"?/>
????????????
?????<script?type="text/javascript">
?????????function?getValue()
??????????{
??????????????var?myH=document.getElementsByTagName("myHead");
??????????????alert(myH.innerHTML)
??????????}
??????????function?getElements()
??????????{
?????????????var?myS?=?document.getElementsByName("sex");
??????????????alert(myS.length);
??????????}
??????????function?getTagElements()
??????????{
??????????????var?myI?=?document.getElementsByTagName("input");
??????????????alert(myI.length);
??????????}
?????????
?????</script>????????
????</body>
</html>
2016-07-30
2016-05-28
alert(myH.innerHTML),innerHTML 在這里用于獲取myH 的內(nèi)容
getElementsByTagName()是返回帶有指定標(biāo)簽名的節(jié)點(diǎn)對象的集合,myHead并不是標(biāo)簽,你可以試一下,
var?myH=document.getElementsByTagName("myHead");
alert(myH.length);彈出的框是0(數(shù)組長度為0),也就是說計(jì)算機(jī)一個(gè)myHead都沒有收到,于是alert(myH.innerHTML);時(shí),myH本身并沒有什么內(nèi)容,應(yīng)該會輸出undefined
2016-05-15
你這里的"myHead"是一個(gè)id,不能用getElementsByTagName()方法的
2016-05-14
var?myH=document.getElementsByTagName("myHead");??
getElementsByTagName("TagName")標(biāo)簽名稱 ? 應(yīng)寫為
var?myH=document.getElementsByTagName("H1");