为什么H1大标题无法点击?

来源:9-3 getElementsByTagName()方法

方舟Joe

2018-09-17 18:46


<!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>


写回答 关注

3回答

  • 慕沐7046349
    2018-10-07 15:21:59

    Id是myHead.

    H是大写的。

  • JoeMing
    2018-10-01 14:46:24

    你没有添加它的点击事件

    <input type="button" onclick="getValue()"

                value="H1大标题点击" />


  • qq_叫你卟听话丶_0
    2018-09-19 14:49:26

    var myH = document.getElementById("myhead");

    这一行你仔细检查一下,是不是跟h1的id不一样。

JavaScript进阶篇

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

468060 学习 · 21891 问题

查看课程

相似问题