<!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的内容。正确的应该向上面这样写。