Javascript 插入一个div 到span里。

9回答

心有法竹

<!doctype html><html><head>    <meta charset="UTF-8" />    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />    <title> 页面名称 </title><style type="text/css">#a2 {    background-color: #d00;    width: 100%;    height: 20px;}span {    display: inline-block;    width: 300px;}</style></head><body><span></span><div id="a2"></div><script type="text/javascript">var span = document.getElementsByTagName("span")[0];var a2 = document.getElementById("a2");span.appendChild(a2);</script></body></html> 

0 0

狐的传说

jquery 用法是这样的$("body > span").html("");

0 0

ibeautiful

括号里是

0 0

慕丝7291255

 $("body > span").html("     <div id='a2'></div> ");

0 0

MMMHUHU

可以通过document.getElementsByTagName("span");获取span标签对象，然后再创建div标签，添加进目标span中。var parent = document.getElementsByTagName("span");var div = document.createElement("div");//设置 div 属性，如 iddiv.setAttribute("id", "a2");div.innerHTML = "动态添加div中的内容";parent.appendChild(div);这样就可以了！

0 0

达令说

试试在style里加上这个条件：min-width: 100%;max-width: 100%;

0 0

一只萌萌小番薯

so easy ,不过原则上span是不应该放div的，虽然不会报错，具体看w3cschool规范代码，随便写的，可能有语法错误，具体看jquery文档：var $div = $("#a2");  $div.appendTo($("span")).width($div.parent().width())

0 0

慕神8447489

span 标签不是默认display=inline的么，如果不改的话，它是根据内容来撑的

0 0

陪伴而非守候

利用选其找到span，如var span = document.getElementsByTagName("span")[0]，然后就可以加进去了，用append或者html，然后利用字符串拼接拼进去，但是原则上span为非块级元素，是不能容纳块级元素的，但是要硬塞的话，也不会报错，尽量还是按规范来。

0 0