js如何往div里写div

最新推荐文章于 2023-06-10 18:39:47 发布
原创 最新推荐文章于 2023-06-10 18:39:47 发布 · 7.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#div #html

本文介绍如何使用JavaScript在已存在的div元素内部添加新的div元素。通过创建新的div并设置其ID属性，然后将其作为子元素附加到目标div中，实现了div元素的嵌套。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

原有html代码：
...
<div id="div_1"> </div>
...

我现在想在这个div里写 <div id="div_2"> </div>.

完成后的效果如下：
<div id="div_1"> <div id="div_2"> </div> </div>
这个用js怎么实现？
谢谢！

 

两个div都存在 document.getElementById('div_1').appendChild(document.getElementById('div_2)); div_1存在，div_2不存在 var div_2 = document.createElement('div'); div_2.id = 'div_2'; document.getElementById('div_1').appendChild(div_2);

 

 

一。 document.getElementById('div_1').appendChild(document.getElementById('div_2));

div_1存在，div_2不存在 var div_2 = document.createElement('div'); div_2.id = 'div_2'; document.getElementById('div_1').appendChild(div_2); 二。 document.getElementById("div").innerHTML='

aaaa

'; 2选1

smeyou
关注
JavaScript中的div是什么意思？
HackMasterX的博客
10-03 937
总结一下，div是JavaScript编程中常用的HTML元素，用于创建和组织网页布局。它可以将网页划分为不同的部分，使得开发者可以更好地管理和控制页面的结构。在JavaScript编程中，div是指HTML文档中的一个重要元素，它是用于创建和组织网页布局的常用标签。每个部分都使用了不同的CSS样式，以实现不同的外观效果。标签是一个块级元素，它没有特定的语义含义，但可以通过CSS样式和JavaScript脚本来控制其外观和行为。标签，可以将网页分成逻辑上的模块，使得开发者可以更好地组织和管理页面的结构。
js 在一个DIV前、中、后、插入新DIV
weixin_33962923的博客
05-02 2408
之前做了一个项目，不能用jquery写代码，只能用原生的js写插入，代码如下： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title...
如何将js动态的写入到某个div中
weixin_30709635的博客
10-02 488
不能用innerHTML向div中写入"<script></script>"。 document.getElementById('news').innerHTML='<div><h1>呵呵</h1></div><script>alert(100);</script>'; 这样插入的javas...
JS动态创建div、table等控件并写入值
一只没有感情的AI机械猿
04-20 785
JS动态创建div、table等控件并写入值，如下创建3个div，3个table，每个table 5行tr，并往td里写入值。td1.innerHTML = "填充值"";td2.innerHTML = "填充值";
页面中添加DIV
mfc__1990的博客
02-02 427
 var ihtml = "<font color='red'>提箱注意事项:</font><br>"; ihtml+="<textarea name='sztakeNotice' id='sztakeNotice' rows=6 cols=45>"+$("model.sztakeNotice").value+"</textar...
JS多种添加div节点的方法
u010879286的博客
06-10 2565
我是同级元素insertBefore</p>").insertBefore($("#wrap"));$("<p class='three'>我是同级元素insertAfter</p>").insertAfter($("#wrap"));$("<p class='three'>我是子元素appendTo</p>").appendTo($("#wrap"));$("#wrap").append("<p class='three'>我是子元素append
js实现div层缓慢收缩与展开的方法
12-10
在JavaScript中，实现一个div层缓慢收缩与展开的效果通常涉及到DOM操作、事件处理以及定时器的使用。这个实例中，我们看到的是一个简单的JavaScript代码，它通过监听用户的点击事件来改变div元素的高度，从而实现层...
js去除div里class样式
08-22
js去除div里class样式，自己学习的，分享给大家，大神就不要说我了，谢谢。
JavaScript正则表达式匹配 div style标签
10-22
下面是一个简单的JavaScript示例代码，展示如何使用正则表达式匹配`<div>`和`<style>`标签： ```javascript // 示例字符串，包含div和style标签 var htmlString = '<div>这是一个div标签的内容。这是style标签中的...
JS控制div跳转到指定的位置的几种解决方案总结
10-21
本文介绍了几种使用JavaScript实现页面滚动到指定div位置的解决方案。这些方法主要包括锚点法、jQuery的animate方法、window.scrollTo方法和scrollIntoView方法。下面将详细解析每种方法的原理、使用方法及优缺点。 ...
JS动态添加div，然后在div中添加元素
qq_39638361的博客
10-25 1万+
先是放一个空的div，让后根据指标的数据，动态的往div中添加元素。 <div id="DvelopmentTarget"> </div> 动态往div中添加元素： for (var n = 0; n < data.length; n++) { //获取div var div = ...
原生JS创建DIV.
01-05 6095
Javascript代码: [javascript] view plain copy function create(){       //创建一个div       var div = document.createElement("div");              //为div创建属性class = "test"       var 
js向div中追加html代码
热门推荐
树洞树洞-单纯记录
02-15 2万+
//这是直接插入html document.getElementById("div_id").innerHTML = "你想往div里插入的html代码"; //如果想追加，可以这样 //先保存div中原来的html var html = document.getElementById("div_id").innerHTML; //再跟你想追加的代码加到一起插入div中 document.getEl
js生成div后添加html(),JS动态添加div，然后在div中添加元素
weixin_35830723的博客
06-05 4086
先是放一个空的div，让后根据指标的数据，动态的往div中添加元素。动态往div中添加元素：for (var n = 0; n < data.length; n++){//获取divvar div = document.getElementById("DvelopmentTarget");//换行var br = document.createElement("br");div.append...
js 动态创建div并向其中添加元素
zcn596785154的博客
09-21 8351
CSS样式文件search_history.cssdiv{ width:95%; height:40px; vertical-align: middle; line-height:36px;/**设置行高和控件高一样，这是内部文字才能垂直居中*/ overflow:hidden;/**为了防止内容超出容器或者产生自动换行，这样就达不到垂直居中效果了*/
JS如何向div中插入元素
kilig
08-21 1万+
前言： 这里我们根据一个多个列表组件渲染的示例对key的作用，以及相关的功能属性做出分析解读。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>循环渲染列表</ti
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值