javascript - insertBefore插入图片,图片不显示。
本文介绍了javascript - 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>
解决方案
拼写错误。
应该是: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>
页面展示效果如图:
这篇关于javascript - insertBefore插入图片,图片不显示。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文