如图 如何在点击内容替换时该改变这个div里的内容
HTML里怎么用按钮来改变一个div里的内容
答案:1 悬赏:20 手机版
解决时间 2021-03-20 21:24
- 提问者网友：鼻尖触碰
- 2021-03-20 18:10
最佳答案
- 五星知识达人网友：长青诗
- 2021-03-20 18:18
jq简单实现的，点击按钮获得text的内容，并且替换div的内容，希望采纳。
<!DOCTYPE html>
<html>
<head>
<meta charset="GB2312">
<title></title>
<script src="../jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<input class="txt" type="text" />
<button class="botton">按钮</button>
<div id="zzz">
内容
</div>
<script language="javascript">
$('.botton').click(function(){
var text = $('.txt').val();//获得输入框的值
var zzz = $('#zzz');
zzz.html(text);//把输入框的值丢到div容器
})
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="GB2312">
<title></title>
<script src="../jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<input class="txt" type="text" />
<button class="botton">按钮</button>
<div id="zzz">
内容
</div>
<script language="javascript">
$('.botton').click(function(){
var text = $('.txt').val();//获得输入框的值
var zzz = $('#zzz');
zzz.html(text);//把输入框的值丢到div容器
})
</script>
</body>
</html>
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！
大家都在看
推荐资讯