<!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>
你的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>
function head1(){ var x=document.getElementById("header1").innerHTML; // 第 1 行 alert(x.innerHTML); // 第 2 行 }
这是你的 head1 函数,两个方法,要么第 1 行改成:
var x=document.getElementById("header1");
把括号后面的 .innerHTML 去掉。
要么改第 2 行:
alert(x);
直接 alert(x),把 x 后面的 .innerHTML 去掉。
不然你原来的代码,相当于两个 .innerHTML,你打印的是 x.innerHTML.innerHTML,肯定是 undefined。
后面不能有.innerHTML
function head1(){
var x=document.getElementById("header1").innerHTML;
alert(x.innerHTML)
}
没有hearder1呀!
function head1(){ var x=document.getElementById("header1"); alert(x.innerHTML) }
你的head1函数写错了,x应该是一个对象,而不是h1的内容。正确的应该向上面这样写。