javascript - 使用 JavaScript 创建 IMG 标签，不工作

Question

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

我正在为此编辑 chat_tab.php(下方)，从一个示例静态 headless 像图像开始，接下来，我将尝试实现 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 聊天栏。)

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