js新手學習中:js創建div和img並把img插入div中

js創建div和img並把img插入div中,簡單的實現,高手別噴啊。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>js創建div和img並把img插入div中</title>
<script type="text/javascript">   
    window.onload = function (){
		var bigImg = document.createElement("img");     //創建一個img元素 
		var oDiv= document.createElement('div');
		document.body.appendChild(oDiv);
		oDiv.id = "myDiv";
		var mydiv = document.getElementById('oDiv'); //獲得dom對象  
		bigImg.width="100";  //200個像素 不用加px  
      	bigImg.src="http://www.baidu.com/img/bdlogo.gif";   //給img元素的src屬性賦值  
	  	myDiv.appendChild(bigImg);      //爲dom添加子元素img  

    };  
</script>   
</head>

<body>
</body>
</html>


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章