js 动态创建div 然后在该div中嵌套一个div并且可以接收传递进来的参数作为该div的值
3个回答
展开全部
<!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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼上的是正常的写法
你也可以试试这个：
<div id="div_1"></div>
<script type="text/javascript">
var userData = "你传递的参数";
document.getElementById("div_1").innerHTML("<div id=\"div_2\">" + userData + "</div>");
</script>
你也可以试试这个：
<div id="div_1"></div>
<script type="text/javascript">
var userData = "你传递的参数";
document.getElementById("div_1").innerHTML("<div id=\"div_2\">" + userData + "</div>");
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
