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

insertBefore插入图片,图片不显示。

insertBefore插入图片,图片不显示。

长风秋雁 2018-11-05 15:16:44
<!doctype html><html><head>    <meta charset="UTF-8">    <title>首页弹出广告并消失</title></head><body>    <h1>上方</h1>    <p>上方会弹出一个图片</p>    <script type="text/javascript">        var img = document.createElement( "img" );        img.src = "csdn.jpg";        var h1 = document.gerElementsByTagName( "h1" )[0];        document.body.insertBefore(img,h1);    </script></body></html>
查看完整描述

1 回答

?
互换的青春

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

拼写错误。

https://img1.sycdn.imooc.com//5c1c8ffa0001feea03510048.jpg

应该是:getElementsByTagName()
附完整代码:

<!doctype html>

<html>

<head>

    <meta charset="UTF-8">

    <title>首页弹出广告并消失</title>

</head>

<body>

    <h1>上方</h1>

    <p>上方会弹出一个图片</p>

    <script type="text/javascript">

        var img = document.createElement("img");

        img.src = "csdn.png";


        var h1 = document.getElementsByTagName("h1")[0];

        document.body.insertBefore(img,h1);

    </script>

</body>

</html>

页面展示效果如图:

https://img1.sycdn.imooc.com//5c1c9014000139c604950335.jpg

查看完整回答
反对 回复 2018-12-21
  • 1 回答
  • 0 关注
  • 842 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号