Heim > Artikel > Web-Frontend > Beispielanalyse zur Verwendung von Javascript zum Einfügen von Bildern in Div

Beispielanalyse zur Verwendung von Javascript zum Einfügen von Bildern in Div

黄舟Original: 2017-07-26 14:25:3111911Durchsuche

HTML5 ist beliebt, JS muss ebenfalls verfeinert werden

Verwenden Sie Javascript, um ein Bild in ein p einzufügen

<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(&#39;myp&#39;); //获得dom对象
		myp.appendChild(bigImg);  	//为dom添加子元素img
	};
</script> 
</head>
<body>
<p id="myp" style="border:1px solid #eee;width:320px;height:160px;"></p>
</body>
</html>

Das obige ist der detaillierte Inhalt vonBeispielanalyse zur Verwendung von Javascript zum Einfügen von Bildern in Div. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Warum wird Array in der zyklisch geordneten Sammlung von Javascript bevorzugt?Nächster Artikel：Warum wird Array in der zyklisch geordneten Sammlung von Javascript bevorzugt?

In Verbindung stehende Artikel

Mehr sehen