                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

为什么点击标题位置，弹窗是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>

qq_拉美西斯_0

2016-08-31

源自：JavaScript进阶篇 9-3

关注问题我要回答

1100

操作

收起

5 回答

慕村1994845
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>

0 回复有任何疑惑可以回复我~

慕粉3951534
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);

直接 alert(x)，把 x 后面的 .innerHTML 去掉。

不然你原来的代码，相当于两个 .innerHTML，你打印的是 x.innerHTML.innerHTML，肯定是 undefined。

0 回复有任何疑惑可以回复我~

半桶水的好人
2016-09-17

后面不能有.innerHTML

0 回复有任何疑惑可以回复我~

慕尼黑6517184
2016-08-31

function head1(){

var x=document.getElementById("header1").innerHTML;

alert(x.innerHTML)

}

没有hearder1呀！

0 回复有任何疑惑可以回复我~

imalwayshere
2016-08-31

function head1(){
    var x=document.getElementById("header1");
    alert(x.innerHTML)
}

你的head1函数写错了，x应该是一个对象，而不是h1的内容。正确的应该向上面这样写。

3 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JavaScript进阶篇

参与学习 468046 人
解答问题 21891 个

本课程从如何插入JS代码开始，带您进入网页动态交互世界

本课相似问答

4 回答大神们，为什么我的点击了没有弹窗

2 回答为什么不弹窗

2 回答为什么点击下拉列表的时候没有弹出窗口

2 回答为什么弹窗弹了两次

2 回答点击标题为什么显示的是文字？

搜索更多本课相关问答

为什么点击标题位置，弹窗是undefined

我要回答关注问题

意见反馈帮助中心 APP下载