JavaScript (オブジェクト、メソッド、HTML) で img タグを生成する 3 つの方法_JavaScript スキル

この記事の例では、img タグを生成する JavaScript の 3 つの実装方法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

<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>

この記事が JavaScript プログラミングのすべての人に役立つことを願っています。