猿问

Javascript 插入一个div 到span里。

用 Javascript 将id="a2" 的div插入到 span里面,且宽度等于span的宽度。
span不能定义ID ,只能标签,要怎么写啊,

<html>
<body>

<span><span>
<div id="a2"></div>

</body>
</html>


九州编程
浏览 2060回答 9
9回答

心有法竹

<!doctype html><html><head>&nbsp; &nbsp; <meta charset="UTF-8" />&nbsp; &nbsp; <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />&nbsp; &nbsp; <title> 页面名称 </title><style type="text/css">#a2 {&nbsp; &nbsp; background-color: #d00;&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; height: 20px;}span {&nbsp; &nbsp; display: inline-block;&nbsp; &nbsp; 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>&nbsp;

狐的传说

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

ibeautiful

括号里是

慕丝7291255

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

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);这样就可以了!

达令说

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

一只萌萌小番薯

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

慕神8447489

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

陪伴而非守候

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

相关分类

JavaScript
我要回答