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:3111867parcourir
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('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>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