编程练习问题，效果出不来？

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>全选和反选</title>
</head>
<body>
<input type="button" value="全选">
<script type="text/javascript">
var sinput=document.getElementsByTagName("input");
for (var i=0;len=sinput.length,i<len;i++)
{
// console.log(sinput[i].value);
sinput[0].onclick=function()
{
if(this.value=="全选")
{
(this.value).innerHTML="反选";

}else{
(this.value).innerHTML="全选";
}

}

}

</script>
</body>
</html>

web_東 2017-04-13

源自：JavaScript DOM事件 3-1 事件类型（onload）

收起

1回答

Hbrsql 回答被采纳获得+3积分 2017-04-14 09:18:48

去掉innerHTML试试:

sinput[0].onclick=function(){
if(this.value=="全选")
{
(this.value)="反选";

}else{
(this.value)="全选";
}

收起回答

web_東提问者 #1

<input type="button" value="全选"> <script type="text/javascript"> var sinput=document.getElementsByTagName("input"); for (var i=0;len=sinput.length,i<len;i++) { console.log(sinput[i].value); sinput[0].onclick=function() { if(this.value=="全选") { this.value="反选"; sinput[0].style.color=("red"); }else{ this.value="全选"; sinput[0].style.color=("black"); } } }

2017-04-15 00:18:47
web_東提问者 #2

为什么去掉innerHTML( ).就可以啦？球大胜。

2017-04-15 00:20:00
Hbrsql 回复提问者 web_東 #3

<input type="button" value="全选"> input标签没有innerHTML,这种标签才有 <div>innerHTML</div>.

2017-04-15 08:02:39