我已经尝试了来自多个站点的一些 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)
但它没有向 div 添加任何内容gamediv。我也试过document.body了，没有结果。
提前致谢。
您需要document.getElementById()在第 3 行中使用。
如果您现在在控制台中尝试此操作：
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);<div id="header"></div>...你会得到这个：
通过一些研究，我发现 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>
这有效：
var img = document.createElement('img');
img.src = 'img/eqp/' + this.apparel + '/' + this.facing + '_idle.png';
document.getElementById('gamediv').appendChild(img)
或者使用 jQuery：
$('<img/>')
.attr('src','img/eqp/' + this.apparel + '/' + this.facing + '_idle.png')
.appendTo('#gamediv');
或者你可以
<script>
document.write('<img src="/*picture_location_(you can just copy the picture and paste it into the script)*\"')
document.getElementById('pic')
</script>
<div id="pic">
</div>
也摆脱这个陈述
var img = document.createElement("img");
img.src = "img/eqp/"+this.apparel+"/"+this.facing+"_idle.png";
src = document.getElementById("gamediv");
src.appendChild(this.img)