js 动态创建div 然后在该div中嵌套一个div并且可以接收传递进来的参数作为该div的值_IT百科

<!DOCTYPE HTML PUBLIC "-/雀衡/W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>无标题文档</title>

window.onload = function(){

var oDiv= document.createElement('div')//创建div

oDiv.id="ooDiv"//设置id

oDiv.innerHTML="hello"//添加文本

document.body.appendChild(oDiv)

alert(document.getElementById("ooDiv").innerHTML)//显示id的内容

}

</script>

<斗扒/head>

<body>顷销做

</body>

</html>

需要准备的材料分别有：电脑派氏、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，填充问链羡戚题基棚陵础代码。

2、在index.html中的<script>标签，输入js代码：$('#div2').height($('#div1').height())。

3、浏览器运行index.html页面，此时div2的高度被设置成和div1一致了。

利用JavaScript动态添加Div的方式有很多，一下是个比较常用的。

一、在一个Div前添加Div

二、使用js动态创建div

扩展资料：

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美伍樱观的浏宏缺览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

是一种解释性脚本语言（代码不进行预编译）。

主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。

可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。

跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种腔绝丛特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理。

欢迎分享，转载请注明来源：内存溢出

js 动态创建div 然后在该div中嵌套一个div并且可以接收传递进来的参数作为该div的值