Maison > Article > interface Web > Exemple d'analyse de la façon d'utiliser Javascript pour insérer des images dans Div

Exemple d'analyse de la façon d'utiliser Javascript pour insérer des images dans Div

黄舟original: 2017-07-26 14:25:3111911parcourir

HTML5 est populaire, JS doit également être affiné

Utiliser Javascript pour insérer une image dans un 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(&#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>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Pourquoi le tableau est-il préféré dans la collection ordonnée cyclique de Javascript ?Article suivant：Pourquoi le tableau est-il préféré dans la collection ordonnée cyclique de Javascript ?

Articles Liés

Voir plus