Rumah > Artikel > hujung hadapan web > 如何使用Javascript往Div中插入图片的实例分析
如何使用Javascript往Div中插入图片的实例分析
- 黄舟asal
- 2017-07-26 14:25:3111867semak imbas
HTML5火了，JS也得炼一炼
用Javascript往一个p中插入一张图片
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script type="text/javascript">
window.onload = function (){
var bigImg = document.createElement("img"); //创建一个img元素
bigImg.src="http://www.baidu.com/img/baidu_sylogo1.gif"; //给img元素的src属性赋值
//bigImg.width="320"; //320个像素 不用加px
var myp = document.getElementById('myp'); //获得dom对象
myp.appendChild(bigImg); //为dom添加子元素img
};
</script>
</head>
<body>
<p id="myp" style="border:1px solid #eee;width:320px;height:160px;"></p>
</body>
</html>Atas ialah kandungan terperinci 如何使用Javascript往Div中插入图片的实例分析. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：javascript的循环有序集合中为什么优先使用数组？Artikel seterusnya：分享用Node.js实现注册邮箱的步骤实例