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

图片描述

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

javascript

阅读 3.1k

3 个回答

✓ 已被采纳

拼写错误。

应该是：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>

页面展示效果如图：