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

如题所述

举报该问题

第1个回答 2011-10-15

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<script>
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>

第2个回答 2011-10-13

楼上的是正常的写法
你也可以试试这个：
<div id="div_1"></div>
<script type="text/javascript">
var userData = "你传递的参数";
document.getElementById("div_1").innerHTML("<div id=\"div_2\">" + userData + "</div>");
</script>本回答被网友采纳

第3个回答 2011-10-11

<html>
<body>
<script>
function div_and_div(t_s){
var div1=document.createElement('div');
div1.style.cssText='width:320px;height:240px;border:1px solid #ff00ff;';
var div2=document.createElement('div');
div2.style.cssText='width:240px;height:180px;margin:auto;border:1px solid #0000ff;';
div2.innerHTML=t_s;
div1.appendChild(div2);
document.body.appendChild(div1);
}
div_and_div('试试看');
</script>
</body>
</html>

相似回答

大家正在搜