qq_34571911
qq_34571911
2018-08-23 04:03
采纳率: 60.5%
浏览 997

Javascript 插入一个div 到span里。

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

<html>
<body>

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

</body>
</html>
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

9条回答 默认 最新

  • jslang
    天际的海浪 2018-08-23 08:09
    已采纳
    <!doctype html>
    <html lang="en">
    <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> 
    
    点赞 评论
  • qq_33958297
    HarlanHong 2018-08-23 04:13

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

    ");
    点赞 评论
  • qq_33958297
    HarlanHong 2018-08-23 04:14

    括号里是

    点赞 评论
  • qq_33958297
    HarlanHong 2018-08-23 04:14
     $("body > span").html("
        <div id='a2'></div>
    ");
    
    点赞 评论
  • oiabm1983
    oiabm1983 2018-08-23 04:19

    可以通过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);

    这样就可以了!

    点赞 评论
  • oiabm1983
    oiabm1983 2018-08-23 04:29

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

    点赞 评论
  • zhaomin_g
    _zming 2018-08-23 04:41

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

    var $div = $("#a2");
     $div.appendTo($("span")).width($div.parent().width())
    
    点赞 评论
  • atpsoul
    流风子云 2018-08-24 05:18

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

    点赞 评论
  • zpy_1024_420
    bugfreecode 2018-08-28 06:41

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

    点赞 评论

相关推荐