javascript - insertBfore插入图片,图片不显示。
女神的闺蜜爱上我
女神的闺蜜爱上我 2017-06-15 09:22:18
[JavaScript讨论组]

<!doctype html>
<html lang="en">
<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>
女神的闺蜜爱上我
女神的闺蜜爱上我

全部回复(3)
typecho

用这种编辑器开发, 嗯 好样的。

我想大声告诉你

拼写错误。

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

<!doctype html>
<html lang="en">
<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>

页面展示效果如图:

滿天的星座

getElementsByTagName

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号