关于JS中innerHTML的问题
<inputtype="button"name="button1"onclick="disappear(1)"value="button1"/><inputtype="b...
<input type="button" name="button1" onclick="disappear(1)"value="button1"/>
<input type="button" name="button2" onclick="disappear(2)"value="button2"/>
<input type="button" name="button3" onclick="disappear(3)"value="button3"/>
<p>
<div id="r1">1<div>
</p>
<p>
<div id="r2">2<div>
</p>
<p>
<div id="r3">3<div>
</p>
在JS里面：
function disappear(m) {
if(m == 1) {
i++;
document.getElementById('r1').innerHTML='button1被点击了' + i + '次';
alert('i: ' + i);
}
if(m == 2) {
j++;
document.getElementById('r2').innerHTML='button2被点击了' + j + '次';
alert('j: ' + j);
}
if(m == 3) {
k++;
document.getElementById('r3').innerHTML='button3被点击了' + k + '次';
alert('k: ' + k);
}
现在我的问题是，变量都能根据我的点击正确计数，只是document.getElementById('r*')要出错，比如我点击了button1，正常，但下一次打击button2就有问题了？
请帮我看看，回答的好的话，加分 展开
<input type="button" name="button2" onclick="disappear(2)"value="button2"/>
<input type="button" name="button3" onclick="disappear(3)"value="button3"/>
<p>
<div id="r1">1<div>
</p>
<p>
<div id="r2">2<div>
</p>
<p>
<div id="r3">3<div>
</p>
在JS里面：
function disappear(m) {
if(m == 1) {
i++;
document.getElementById('r1').innerHTML='button1被点击了' + i + '次';
alert('i: ' + i);
}
if(m == 2) {
j++;
document.getElementById('r2').innerHTML='button2被点击了' + j + '次';
alert('j: ' + j);
}
if(m == 3) {
k++;
document.getElementById('r3').innerHTML='button3被点击了' + k + '次';
alert('k: ' + k);
}
现在我的问题是，变量都能根据我的点击正确计数，只是document.getElementById('r*')要出错，比如我点击了button1，正常，但下一次打击button2就有问题了？
请帮我看看，回答的好的话，加分 展开
5个回答
展开全部
改为
<input type="button" name="button1" onclick="disappear(1)"value="button1"/>
<input type="button" name="button2" onclick="disappear(2)"value="button2"/>
<input type="button" name="button3" onclick="disappear(3)"value="button3"/>
<p>
<div id="r1">1</div>
</p>
<p>
<div id="r2">2</div>
</p>
<p>
<div id="r3">3</div>
</p>
<script lanuage="javascript">
var i=0,j=0,k=0;
function disappear(m) {
if(m == 1) {
i++;
document.getElementById('r1').innerHTML='button1被点击了' + i + '次';
alert('i: ' + i);
}
if(m == 2) {
j++;
document.getElementById('r2').innerHTML='button2被点击了' + j + '次';
alert('j: ' + j);
}
if(m == 3) {
k++;
document.getElementById('r3').innerHTML='button3被点击了' + k + '次';
alert('k: ' + k);
}
}
</script>
<input type="button" name="button1" onclick="disappear(1)"value="button1"/>
<input type="button" name="button2" onclick="disappear(2)"value="button2"/>
<input type="button" name="button3" onclick="disappear(3)"value="button3"/>
<p>
<div id="r1">1</div>
</p>
<p>
<div id="r2">2</div>
</p>
<p>
<div id="r3">3</div>
</p>
<script lanuage="javascript">
var i=0,j=0,k=0;
function disappear(m) {
if(m == 1) {
i++;
document.getElementById('r1').innerHTML='button1被点击了' + i + '次';
alert('i: ' + i);
}
if(m == 2) {
j++;
document.getElementById('r2').innerHTML='button2被点击了' + j + '次';
alert('j: ' + j);
}
if(m == 3) {
k++;
document.getElementById('r3').innerHTML='button3被点击了' + k + '次';
alert('k: ' + k);
}
}
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的div没有终结符，应该像下面这样写就ok了
<div id="r1">1</div>
<div id="r2">2</div>
<div id="r3">3</div>
<div id="r1">1</div>
<div id="r2">2</div>
<div id="r3">3</div>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
定义和用法
innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
语法
tablerowObject.innerHTML=HTML
实例
下面的例子返回了表格行的 inner HTML：
<html>
<head>
<script type="text/javascript">
function getInnerHTML()
{
alert(document.getElementById("tr1").innerHTML);
}
</script>
</head>
<body>
<table border="1">
<tr id="tr1">
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr id="tr2">
<td>Peter</td>
<td>Griffin</td>
</tr>
</table>
<br />
<input type="button" onclick="getInnerHTML()"
value="Alert innerHTML of table row" />
</body>
</html>
innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。
语法
tablerowObject.innerHTML=HTML
实例
下面的例子返回了表格行的 inner HTML：
<html>
<head>
<script type="text/javascript">
function getInnerHTML()
{
alert(document.getElementById("tr1").innerHTML);
}
</script>
</head>
<body>
<table border="1">
<tr id="tr1">
<th>Firstname</th>
<th>Lastname</th>
</tr>
<tr id="tr2">
<td>Peter</td>
<td>Griffin</td>
</tr>
</table>
<br />
<input type="button" onclick="getInnerHTML()"
value="Alert innerHTML of table row" />
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
i,j,k 应该定义为全局变量吧，不然没法计数啊
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
二楼正解
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
