<!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">
????????????????????????學號:
????????????????????</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()">????????????看看三種獲取節點的方法?????????</h1>????????
????????????????<p>????????????點擊標題彈出它的值。????????</p>????????
????????????????<input?type="button"?onclick="getElements()"????????????value="看看name為sex的節點有幾個?"?/>????????<Br>????????
????????????????<input?type="button"?onclick="getTagElements()"????????????value="看看標簽名為input的節點有幾個?"?/>?????????????????
????????????????
????????????????<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() 方法可返回對擁有指定 ID 的第一個對象的引用。
H1標簽上 有onclick 所以是可以點擊。點擊之后調用getValue()函數，而這個函數中有:alert(myH.innerHTML);
而這個作用是:innerHTML 屬性設置或返回表格行的開始和結束標簽之間的 HTML。
2018-12-13
你這上面有好多都沒遵循大小寫