為什么點擊標題位置,彈窗是undefined
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
tr{text-align: center;}
</style>
<script type="text/javascript">
function sex(){
var d=document.getElementsByName("classsex")
alert(d.length);
}
function sum1(){
var f=document.getElementsByTagName("input")
alert(f.length);
}
function head1(){
var x=document.getElementById("header1").innerHTML;
alert(x.innerHTML)
}
</script>
</head>
<body>
<table border="1px" width="500px">
<tr>
<td>
學號:
</td>
<td>
<input type="text" name="classno" >
</td>
</tr>
<tr>
<td>
姓名:
</td>
<td>
<input type="text" name="classname" >
</td>
</tr>
<tr>
<td>
性別:
</td>
<td>男?
<input type="radio" name="classsex" value="man">
?
女?
<input type="radio" name="classsex" value="woman">
</td>
</tr>
<tr>
<td>
年齡:
</td>
<td>
<input type="text" name="classage" >
</td>
</tr>
<tr>
<td>
地址:
</td>
<td>
<input type="text" name="classadd" >
</td>
</tr>
</table>
<h1 id="header1" onclick="head1()">看看三種獲取節點的方法?</h1>
<p>點擊標題彈出它的值</p>
<input type="button" name="sex1" value ="看看name為sex的節點有幾個?" onclick="sex()">
<input type="button" name="ok1" value="看看標簽名為input的節點有幾個?" onclick="sum1()">
</body>
</html>
2016-11-19
你的JS代碼什么鬼!
三種獲取節點的方法你好像沒看明白,再仔細看下
<script?type="text/javascript"> ?????????function?getValue() ??????????{ ??????????????var?myH=document.getElementById("myHead")? ??????????????//獲取id為myHead的節點,括號里不要后綴;id="myHead"就是說,括號里填myHead,記得引號 ??????????????alert(myH.innerHTML) ??????????} ??????????function?getElements() ??????????{ ?????????????var?myS=document.getElementsByName("sex") ?????????????//獲取name為sex的節點,括號里不要前綴;name="sex";就是說,括號里填sex,記得引號 ??????????????alert(myS.length); ??????????} ??????????function?getTagElements() ??????????{ ??????????????var?myI=document.getElementsByTagName("input") ??????????????alert(myI.length); ??????????} ????????? ?????</script>2016-10-12
function?head1(){ var?x=document.getElementById("header1").innerHTML;?//?第?1?行 alert(x.innerHTML);?//?第?2?行 }這是你的 head1 函數,兩個方法,要么第 1 行改成:
var?x=document.getElementById("header1");把括號后面的 .innerHTML 去掉。
要么改第 2 行:
直接 alert(x),把 x 后面的 .innerHTML 去掉。
不然你原來的代碼,相當于兩個 .innerHTML,你打印的是 x.innerHTML.innerHTML,肯定是 undefined。
2016-09-17
后面不能有.innerHTML
2016-08-31
function head1(){
var x=document.getElementById("header1").innerHTML;
alert(x.innerHTML)
}
沒有hearder1呀!
2016-08-31
function?head1(){ ????var?x=document.getElementById("header1"); ????alert(x.innerHTML) }你的head1函數寫錯了,x應該是一個對象,而不是h1的內容。正確的應該向上面這樣寫。