document.getElementById似乎不起作用

时间:2009-05-02 11:33:08

标签: javascript

我正在尝试执行此操作,但无法看到任何结果:

<script>
function init() {
document.getElementById('welcome').innerHTML = "<font color=white>Logged As:"+ param + "</font>";
}
window.onload = init; 
</script>

    <body>
           ...........
    <div class="span-24 bottom_header" id="welcome"></div>
           ...........
    </body>

这里有什么问题..........

6 个答案:

答案 0 :(得分:8)

也许是因为你的背景为白色而你正在为你的字体设置白色:<font color=white>。试试黑色: - )

答案 1 :(得分:5)

这个自包含的示例在Firefox和IE7中非常适合我:

<html><head><script>
function init() {
    document.getElementById('welcome').innerHTML = "<font color=white>Logged As: TEST</font>";
}
window.onload = init; 
</script></head>
<body>
<div class="span-24 bottom_header" id="welcome"></div>
</body></html>

您正在添加白色白色文字,请记住......

答案 2 :(得分:3)

您是否考虑过使用jquery等框架?上面的代码将成为......

$('#welcome').html("<font color='white'>Logged As: TEST</font>");

答案 3 :(得分:3)

两件事:

1)确保页面上没有多个元素,ID为“welcome”

2)关闭主题,但修改了使用“font”标签的需要。在这个时间点,这是令人遗憾的弃用。您应该使用<span style="color:white;">Logged as: TEST</span>

答案 4 :(得分:3)

Perspx和JimmyP已经在问题的评论中提到了这一点:

在执行功能之前,您确定param变量存在吗?

答案 5 :(得分:3)

实际上,正确的 jQuery翻译将是:

$('#welcome').html("<font color='white'>Logged As: TEST</font>"); 

因缺乏“声誉”而欢呼三声!