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!