如何通过 div 纯 js 将内容包装在 div 中
[英]How to Wrap Content Inside div by div pure js
问题描述
I have the following code:
我有以下代码：
<div id="a"><p>this is p</p></div>
I want to wrap content inside like我想将内容包装在里面
<div id="a"><div class="wrap"><p>this is p</p></div></div>
3 个解决方案
解决方案1
1 2021-12-08 02:13:03
You can do:你可以做：
const p = document.querySelector('p'); p.outerHTML = `<div class="wrap">${p.outerHTML}</div>`;
.wrap{border:2px solid blue} #a{border:2px solid red}
<div id="a"> <p>this is p</p> </div>
解决方案2
1 2021-12-08 02:27:01
let curDiv = document.getElementById("a"); curDiv.innerHTML = `<div id="wrap">${curDiv.innerHTML}</div>`
#a{ border:1px solid green; padding: 6px; } #wrap{ border:1px solid red; padding: 6px; }
<html> <body> <div id="a"> <p>this is p</p> </div> </body> </html>
解决方案3
0 2021-12-08 03:07:06
Use this:用这个：
var wrapDiv = document.createElement('div');
wrapDiv.setAttribute('class', 'wrap');
var children = document.getElementById('a').getElementsByTagName('p')[0];
children.parentNode.insertBefore(wrapDiv, children);
wrapDiv.appendChild(children);
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
将内容包装在 div 中的纯 javascript 方法 - Pure javascript method to wrap content in a div
在div内包装html内容 - Wrap html content inside a div
如何在div中包含一组div - How to wrap a group of div inside a div
如何在div中包装元素？ - How to wrap an element inside a div?
如何使用纯JS在mousemove上使div跟随另一个div内的光标 - how to make a div follow cursor inside another div, on mousemove with pure JS
将内容包装在div中，然后appendTo - wrap content in a div and then appendTo
将元素和内容包装到div中 - Wrap elements and content into div
div包装内容或全屏 - div Wrap content or fullscreen
如何包装div的内容并在末尾添加…？ - How to wrap content of div and add … at the end?
如何在新的div中包装div？ - How to wrap divs inside a new div?
相关标签