用 JavaScript 创建 IMG 标签，不工作答案

【问题标题】：Creating IMG Tag With JavaScript, Not Working用 JavaScript 创建 IMG 标签，不工作
【发布时间】：2013-11-22 08:51:58
【问题描述】：

通过ArrowChat Javascript API，我试图让头像显示在聊天用户选项卡中，即“在栏本身上”，除了在好友列表和聊天窗口中。

我正在为此编辑 chat_tab.php（如下），从一个示例静态无头像图像开始，接下来，我将尝试实现 ArrowChat Javascript API 函数。

<div class="arrowchat_inner_button" id="chattab_inner">
    <div style="float:left" class="arrowchat_username_message">'+shortname+'</div>
</div>

我现在只想知道如果这个脚本有问题，因为它似乎不起作用。这是代码：

<script type="text/javascript">
window.onload=function(){var elem=document.createElement("elem"); 
elem.src= "/press/chat/admin/images/img-no-avatar.gif"; 
elem.height="32"; elem.width="32"; document.getElementById("chattab_inner").appendChild(elem);}
</script>

接下来，我应该将 img-no-avatar.gif 替换为用户头像路径，根据上面的链接，它是 getUser(data.a)。这是第二行，我不知道如何。（您可以在同一页面中预览屏幕底部的 ArrowChat 聊天栏。）

【问题讨论】：

elem=document.createElement("elem")?除非这是一个疯狂的复制粘贴错误，否则我认为它应该是：elem=document.createElement("img");
我的第二个问题还没解决...

标签： javascript css image styling

【解决方案1】：

你创建的元素应该是“img”而不是“elem”

您希望.createElement() 的参数是元素的标签名称。

<script type="text/javascript">
window.onload=function(){
    var elem=document.createElement("img"); 
    elem.src= "/press/chat/admin/images/img-no-avatar.gif"; 
    elem.height="32";
    elem.width="32";
    document.getElementById("chattab_inner").appendChild(elem);
}
</script>

【讨论】：

或var elem = new Image(32,32);