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:3111866Durchsuche
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('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>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