javascript - insertBfore inserts a picture, the picture is not displayed.-PHP Chinese Network Q&A

Community

Learn

Tools Library

AI Tools

Leisure

English

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

女神的闺蜜爱上我 2017-06-15 09:22:18

814

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

女神的闺蜜爱上我

reply all(3)

typecho2017-06-15 09:24:18 3 floor

Developing with this editor, um, great job.

Like +0

Add Reply

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

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:

Like +0

Add Reply

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

getElementsByTagName

Like +0

Add Reply