使用JavaScript创建IMG标记,不起作用

时间:2013-11-22 00:48:42

标签: javascript css image styling

通过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聊天栏。)

1 个答案:

答案 0 :(得分:0)

您创建的元素应为“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>