<!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é)號(hào):
????????????????????</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.getElementById("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>
2018-08-08
getElementById() 方法可返回對(duì)擁有指定 ID 的第一個(gè)對(duì)象的引用。
H1標(biāo)簽上 有onclick 所以是可以點(diǎn)擊。點(diǎn)擊之后調(diào)用getValue()函數(shù)，而這個(gè)函數(shù)中有:alert(myH.innerHTML);
而這個(gè)作用是:innerHTML 屬性設(shè)置或返回表格行的開始和結(jié)束標(biāo)簽之間的 HTML。
2018-12-13
你這上面有好多都沒遵循大小寫