Home > Q&A > body text

javascript - insertBfore inserts a picture, the picture is not displayed.

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

女神的闺蜜爱上我2779 days ago820

reply all(3)I'll reply

typecho2017-06-15 09:24:18

Developing with this editor, um, great job.

我想大声告诉你2017-06-15 09:24:18

Spelling error.

It should be: getElementsByTagName()
Attached is the complete code:

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

The page display effect is as shown in the figure:

滿天的星座2017-06-15 09:24:18

getElementsByTagName

Cancelreply