未处理的错误:无法将'document.getElementById(punkte_liste_titel_user)'转换为对象

时间:2013-09-01 04:03:52

标签: javascript object getelementbyid

我有一个html页面(部分是用PHP生成的),我在页面底部有一个JavaScript文件,它提供了一些onclick功能。我正在努力将变量从PHP变为JS,因此我创建了两个具有唯一ID的<span>,并将变量的内容放在那里(numeric / int值)。我的想法是使用var php_get_userid = document.getElementById(punkte_liste_titel_user).innerHTML;让JS将值读入变量,然后使用它们。 但是,尽管具有相应ID的<span>确实存在,但getElementById不起作用。在Opera中它说

  

未处理错误:无法转换   'document.getElementById(punkte_liste_titel_user)'对象

Chrome说

  

未捕获的TypeError:无法读取null

的属性'innerHTML'

该区域的HTML看起来像这样

<body>
    <div id="wrapper">
         <div id="punkte_liste_titel">
        Points <span id="punkte_liste_titel_datum">20130901</span>/<span id="punkte_liste_titel_user">3</span>
        </div> <!-- Ende Punkteliste -->
        <div id="punkte_liste">
...

JS就像这样开始

$('.punkte_kategorie_element').click(function() {
    var php_get_userid = document.getElementById(punkte_liste_titel_user).innerHTML;
    var php_get_datum = document.getElementById(punkte_liste_titel_datum).innerHTML;
...

JavaScript文件包含在</body>标记

之前

我试图在http://jsfiddle.net/WRfh5/2/处创建一个最小版本,这个版本也没有运行......我错过了什么?

1 个答案:

答案 0 :(得分:0)

您忘记将ID括在引号

getElementById

document.getElementById('punkte_liste_titel_user').
                        ^                       ^

jsfiddle