如何获得包括JAVASCRIPT生成的所有DOM

时间:2013-04-19 09:19:29

标签: javascript dom

作为标题,我如何获得包括由javascript生成的所有DOM树。

例如:

<html>
...
  <script type='text/javascript'>
    function add_new_element(){
      var dv, newP;
      newP = document.createElement("p");
      newP.id = 'new';
      dv = document.getElementById('ex');
      dv.appendChild(newP);
    }
  </script>
  <body onload="add_new_element()">
    <div id="ex"></div>
  </body>
</html>

我希望获得所有DOM,包括由js生成的'p'。

我使用phantomjs执行js然后获取DOM,但失败了。

有人有好主意吗?

感谢。

1 个答案:

答案 0 :(得分:0)

您可以在代码中访问新创建的p对象。变量newP保存了它。如果您操纵该变量,dom更改将自动反映在dom中。如果您仍然遇到访问它的问题,请告诉我。

注意:由于您已将newP变量声明为 var 类型,因此它将对该函数保持私有** add_new_element **。如果你想让它成为全局变量(你应该做的恕我直言),这样你就可以随时访问它,你应该将它声明为newP。

 var dv;
 //remove the var type declaration
 newP = document.createElement("p");
 newP.id = 'new';