input标签

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>全选和反选</title>
</head>
<body>
    <input type="button" value="全选">
<script type="text/javascript">
 //补充代码
 var onclickTP=document.getElementsByTagName("input");
 onclickTP[0].onclick=function(){
     if(this.value=="全选"){
         this.value="反选"；
     }else{
         this.value="全选"；
     }
 }
</script>
</body>
</html>

input不能用document.getElementsByTagName获取吗？代码怎么没效果。

任岩 2017-05-11

源自：JavaScript DOM事件 2-12 编程练习

116

收起

2回答

风硕依源回答被采纳获得+3积分 2017-05-11 22:57:35

同学，你的写法对了

只是因为if和else语句内的结尾分号是中文的，所以出错

应该是这样

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>全选和反选</title>
</head>

<body>
    <input type="button" value="全选">
    <script type="text/javascript">
        //补充代码
        var onclickTP = document.getElementsByTagName("input");
        onclickTP[0].onclick = function() {
            if (this.value == "全选") {
                this.value = "反选";
            } else {
                this.value = "全选";
            }
        }
    </script>
</body>

</html>

收起回答

任岩提问者 #1

document.write(onclickTP[0]); 显示是[object HTMLInputElement]；怎么不是[input type="button" value="全选"]？

2017-05-14 21:44:05
小于飞飞回复提问者任岩 #2

你好，看“小于飞飞”具体的回复内容呦。祝学习愉快。

2017-05-15 20:21:08
任岩提问者 #3

非常感谢！

2017-05-15 22:04:09