为了账号安全,请及时绑定邮箱和手机立即绑定

Javascript 插入一个div 到span里。

Javascript 插入一个div 到span里。

九州编程 2019-04-18 18:15:33
用 Javascript 将id="a2" 的div插入到 span里面,且宽度等于span的宽度。span不能定义ID ,只能标签,要怎么写啊,<html> <body> <span><span> <div id="a2"></div> </body> </html>
查看完整描述

9 回答

?
心有法竹

TA贡献1866条经验 获得超5个赞

<!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> 


查看完整回答
反对 回复 2019-05-13
?
狐的传说

TA贡献1804条经验 获得超3个赞

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

");


查看完整回答
反对 回复 2019-05-13
?
ibeautiful

TA贡献1993条经验 获得超5个赞

括号里是


查看完整回答
反对 回复 2019-05-13
?
慕丝7291255

TA贡献1859条经验 获得超6个赞

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


查看完整回答
反对 回复 2019-05-13
?
MMMHUHU

TA贡献1834条经验 获得超8个赞

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

这样就可以了!


查看完整回答
反对 回复 2019-05-13
?
达令说

TA贡献1821条经验 获得超6个赞

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

查看完整回答
反对 回复 2019-05-13
?
一只萌萌小番薯

TA贡献1795条经验 获得超7个赞

so easy ,不过原则上span是不应该放div的,虽然不会报错,具体看w3cschool规范
代码,随便写的,可能有语法错误,具体看jquery文档:

var $div = $("#a2");
 $div.appendTo($("span")).width($div.parent().width())


查看完整回答
反对 回复 2019-05-13
?
慕神8447489

TA贡献1780条经验 获得超1个赞

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


查看完整回答
反对 回复 2019-05-13
?
陪伴而非守候

TA贡献1757条经验 获得超8个赞

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


查看完整回答
反对 回复 2019-05-13
  • 9 回答
  • 0 关注
  • 2059 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信