使用javascript将图像添加到html

Question

使用javascript将图像添加到html

我已尝试过几个站点的HTML DOM代码,但它无法正常工作.它没有添加任何东西.有没有人有这方面的工作实例？

this.img = document.createElement("img");
this.img.src = "img/eqp/"+this.apparel+"/"+this.facing+"_idle.png";
src = getElementById("gamediv");
src.appendChild(this.img)

Run Code Online (Sandbox Code Playgroud)

但它并没有给div增加任何东西.(gamediv)我也尝试过document.body,没有结果.

提前致谢.

Answer 1

Dan*_*llo 42

你需要document.getElementById()在第3行使用.

如果您现在在Firebug控制台中尝试此操作:

var img = document.createElement("img");
img.src = "http://www.google.com/intl/en_com/images/logo_plain.png";
var src = document.getElementById("header");
src.appendChild(img);

Run Code Online (Sandbox Code Playgroud)

......你会得到这个:

使用JavaScript将图像添加到HTML中http://img94.imageshack.us/img94/3769/googso2.png

Answer 2

小智 6

经过一些研究，我发现 javascript 不知道文档对象存在，除非该对象在脚本代码之前已经加载（当 JavaScript 读取页面时）。

<head>
    <script type="text/javascript">
        function insert(){
            var src = document.getElementById("gamediv");
            var img = document.createElement("img");
            img.src = "img/eqp/"+this.apparel+"/"+this.facing+"_idle.png";
            src.appendChild(img);
        }
     </script>
 </head>
 <body>
     <div id="gamediv">
         <script type="text/javascript">
             insert();
         </script>
     </div>
 </body>

Run Code Online (Sandbox Code Playgroud)

归档时间：	15 年，9 月前
查看次数：	163172 次
最近记录：	6 年，2 月前