把div交换位置，用js！ 20
三个div上中下分别为1、2、3，怎么用js把div换位置，由上而下顺序变为3、1、2。里面的内容也要一起变化，其他不变。求解求解！！！...
三个div上中下分别为1、2、3，怎么用js把div换位置，由上而下顺序变为3、1、2。里面的内容也要一起变化，其他不变。求解求解！！！
展开
1个回答
2016-05-17 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var p_1=document.getElementById('p1');
var p_2=document.getElementById('p2');
var d_c=document.createElement("div");
d_c = p_1;
d_c.id = 'p3'
var d_d=document.createElement("div");
d_d = p_2;
d_d.id='p4'
//alert(d_d.innerHTML);
$(".btn1").click(function(){
//$("#p2").replaceWith($("#p4").html());
//$("#p1").replaceWith($("#p3").html());
$("#p2").replaceWith("<div>4444</div>");
$("#p1").replaceWith("<div>3333</div>");
//$("#p1").replaceWith($t("#p4").html());
// alert($("#p3").text());
//alert($("#p4").text());
});
});
</script>
<style>
div{height:20px;background-color:yellow}
</style>
</head>
<body>
<div id='p1'>This is a paragraph.11111</div>
<div id='p2'>This is another paragraph.222222</div>
<div id='div1'>333333333</div>
<button class="btn1">用粗体文本替换所有段落</button>
</body>
</html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var p_1=document.getElementById('p1');
var p_2=document.getElementById('p2');
var d_c=document.createElement("div");
d_c = p_1;
d_c.id = 'p3'
var d_d=document.createElement("div");
d_d = p_2;
d_d.id='p4'
//alert(d_d.innerHTML);
$(".btn1").click(function(){
//$("#p2").replaceWith($("#p4").html());
//$("#p1").replaceWith($("#p3").html());
$("#p2").replaceWith("<div>4444</div>");
$("#p1").replaceWith("<div>3333</div>");
//$("#p1").replaceWith($t("#p4").html());
// alert($("#p3").text());
//alert($("#p4").text());
});
});
</script>
<style>
div{height:20px;background-color:yellow}
</style>
</head>
<body>
<div id='p1'>This is a paragraph.11111</div>
<div id='p2'>This is another paragraph.222222</div>
<div id='div1'>333333333</div>
<button class="btn1">用粗体文本替换所有段落</button>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
Storm代理
2023-07-25 广告
StormProxies是一家提供动态代理服务器服务的企业，旨在帮助用户更好地管理网络访问和安全。以下是一些关于StormProxies的IP动态代理服务的特点：1. 高匿名性：StormProxies的动态代理服务器具有高匿名性，可以有效...
点击进入详情页
本回答由Storm代理提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
