JavaScript如何实现标签外再套一个标签
形如：<body><formid></form></body>，我想在form外头再罩一个div，用js怎么实现...
形如：<body><form id></form></body>，我想在form外头再罩一个div，用js怎么实现
展开
3个回答
展开全部
使用JQuery的话, JQ有这个方法
//html
<body><form id="Form"></form></body>
//js
$("#Form").wrap("<div></div>"); //这个回答前面有人回答了, 但是他打错了, wrap打成warp了
//使用原生的比较麻烦
var Form = document.getElementById("Form"); //获取Form
var parentNode = Form.parentNode; //获取Form的父节点
var newDiv = document.createElement("div"); //新建一个div
newDiv.appendChild(Form); //让Form成为新建div的子节点, 这里同时, Form已经从原本的父节点被删除了
parentNode.insertBefore(newDiv); //在原本的父节点再增加子节点newDiv
//html
<body><form id="Form"></form></body>
//js
$("#Form").wrap("<div></div>"); //这个回答前面有人回答了, 但是他打错了, wrap打成warp了
//使用原生的比较麻烦
var Form = document.getElementById("Form"); //获取Form
var parentNode = Form.parentNode; //获取Form的父节点
var newDiv = document.createElement("div"); //新建一个div
newDiv.appendChild(Form); //让Form成为新建div的子节点, 这里同时, Form已经从原本的父节点被删除了
parentNode.insertBefore(newDiv); //在原本的父节点再增加子节点newDiv
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1.先删除form
var temp = $("form").html();
$("form").remove();
2.添加div
$("body").append(“<div><form></form></div>”);
3.
$("form").append(temp);
var temp = $("form").html();
$("form").remove();
2.添加div
$("body").append(“<div><form></form></div>”);
3.
$("form").append(temp);
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(function(){
$("form").warp("<div></div>");
});
$("form").warp("<div></div>");
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
