从load php文件更新div后获取DOM元素

时间:2014-05-20 18:45:31

标签: javascript jquery getelementbyid

我有一个带有div的html文件,可以通过php文件进行更新。 php文件将一本书的标题和作者放入div中,这有效 我试图使用getElementById来获取书的标题getElementById('btitle')和作者名称getElementById('authr')当我点击按钮因为我需要使用该信息。我没有得到btitle或authr id的价值。如果我将整个div分配给一个变量,我得到所有的div,但我希望它们分开并且getElementByID()不起作用。

任何帮助表示赞赏。

a.html
'<div id='books'> </div>

addbooks.php
echo <stitle id='btitle'>Foundation</stitle>
echo <author id='authr'>Asimov</author>

1 个答案:

答案 0 :(得分:0)

尝试将javascript放在结束</body>标记之前。否则,如果你的javascript在头部,它正在寻找一个尚未呈现给DOM的元素。

我测试了以下内容并返回了您期望的元素。

<?php 
  echo "<stitle id='btitle'>Foundation</stitle>";
  echo "<author id='authr'>Asimov</author>";
?>

<script type="text/javascript">
  var title = document.getElementById('btitle').textContent,
     author = document.getElementById('authr').textContent;
  alert(title + " by: " + author);
</script>