JS点击按钮替换字符
6个回答
展开全部
获取对象document.getElementById('元素ID');
TEXT的元素使用属性.innerHTML
BUTTON获取按钮的函数是onclick
知道上面的内容就可以编写了
<html>
<body>
<script>
function $(sId)
{
return document.getElementById(sId);
}
function fnA2B(obj) //obj是来源的BUTTON对象,在这里可以不作处理.
{
//在覆盖以前可以先保存一下原来的值,与下面的函数是一致
//$('_b').setAttribute('old_text', $('_b').innerHTML);
$('_b').innerHTML=$('_a').innerHTML;//a的元素对象拷贝给b
}
function fnC2B(obj) //obj是来源的BUTTON对象,在这里可以不作处理.
{
$('_b').innerHTML=$('_c').innerHTML;//a的元素对象拷贝给b
}
//如果你想保存原来的值,可以使用内嵌对象函数.setAttribute('变量名','值或对象');
</script>
<div id=_a>A</div>
<div id=_b>B</div>
<div id=_c>C</div>
<input type=button value='按钮1' onclick=fnA2B(this)>
<input type=button value='按钮2' onclick=fnC2B(this)>
</body>
</html>
以上代码未测试,知道了这些函数特性就可以灵活的应用了,希望对你有参考作用.
TEXT的元素使用属性.innerHTML
BUTTON获取按钮的函数是onclick
知道上面的内容就可以编写了
<html>
<body>
<script>
function $(sId)
{
return document.getElementById(sId);
}
function fnA2B(obj) //obj是来源的BUTTON对象,在这里可以不作处理.
{
//在覆盖以前可以先保存一下原来的值,与下面的函数是一致
//$('_b').setAttribute('old_text', $('_b').innerHTML);
$('_b').innerHTML=$('_a').innerHTML;//a的元素对象拷贝给b
}
function fnC2B(obj) //obj是来源的BUTTON对象,在这里可以不作处理.
{
$('_b').innerHTML=$('_c').innerHTML;//a的元素对象拷贝给b
}
//如果你想保存原来的值,可以使用内嵌对象函数.setAttribute('变量名','值或对象');
</script>
<div id=_a>A</div>
<div id=_b>B</div>
<div id=_c>C</div>
<input type=button value='按钮1' onclick=fnA2B(this)>
<input type=button value='按钮2' onclick=fnC2B(this)>
</body>
</html>
以上代码未测试,知道了这些函数特性就可以灵活的应用了,希望对你有参考作用.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
就是调用String的replace()方法。
2个按钮，分别添加2个事件。
单击按钮1时，文本.replace("A",“B");
单击按钮2时，文本.replace("B",“C");
2个按钮，分别添加2个事件。
单击按钮1时，文本.replace("A",“B");
单击按钮2时，文本.replace("B",“C");
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼上已经做出来了，但是我还是说一下思路吧，点击按钮1的时候你需要获取全部文本内容，然后将内容中含有的A字符替换为B字符。第二个按钮是一样的道理
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
function r(s, n){if(n==1) s.replace('a','b'); if(n==2)s.replace('c','b'); return s;}
button 1 onclick="do_r(1)"
button 2 onclick="do_r(2)"
function do_r(n) { var str = 'wenbzifuchuan'; return r(str, n); }
button 1 onclick="do_r(1)"
button 2 onclick="do_r(2)"
function do_r(n) { var str = 'wenbzifuchuan'; return r(str, n); }
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="button" onclick="changeInfo(this,'B');" value="A"> <input type="button" onclick="changeInfo(this,'B');" value="C">
function changeInfo(id,val){ document.getElementById(id).value=val; }
function changeInfo(id,val){ document.getElementById(id).value=val; }
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
