Rumah  >  Artikel  >  hujung hadapan web  >  3 cara untuk menjana teg img dengan kemahiran javascript (objek, kaedah, html)_javascript

3 cara untuk menjana teg img dengan kemahiran javascript (objek, kaedah, html)_javascript

WBOY
WBOYasal
2016-05-16 15:23:311642semak imbas

Contoh dalam artikel ini menerangkan tiga kaedah pelaksanaan untuk menjana teg img dengan javascript. Kongsikan dengan semua orang untuk rujukan anda, butirannya adalah seperti berikut:

<div id="d1"></div>
<script>
//HTML
function a(){
document.getElementById("d1").innerHTML="<img src='http://baike.baidu.com/cms/rc/240x112dierzhou.jpg'>";
}
a();
//方法
function b(){
var d1=document.getElementById("d1");
var img=document.createElement("img");
img.src="http://baike.baidu.com/cms/rc/240x112dierzhou.jpg";
d1.appendChild(img);
}
b();
//对象
function c(){
var cc=new Image();
cc.src="http://baike.baidu.com/cms/rc/240x112dierzhou.jpg";
document.getElementById("d1").appendChild(cc);
}
c();
</script>

Saya harap artikel ini akan membantu semua orang dalam pengaturcaraan JavaScript.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn