使用javascript从属性获取值

Question

我有以下代码：

echo "<div class='hp_container'><div id='hp' val=".$warrior_row[8]."></div></div>";

在这种情况下，val的值为8。

我想用javascript访问此值。我尝试过followin方法，但它一直说txt为null。

 <script type='text/javascript'>
   var txt = document.getElementById("hp");
   var f = txt.getAttribute('val');
   alert(f);
   </script> 

任何可以帮助我的人？​​

编辑： 我通过将代码放在window.onload：

中解决了这个问题

    window.onload = function() {
    var txt = document.getElementById("hp");
    var f = txt.getAttribute('val');
    alert(f);
};