javascript - 访问 View 源而不是准备好的 DOM

Question

希望我能正确解释我的问题，对于行话或其他术语的错误使用提前致歉: 是否可以使用 javascript 访问源代码中查看的原始标记，而不是“修改”后 DOM 中的代码 假设元素 #div1 具有将在另一个 ID 为 #div2 的元素中使用的实际文本，在源代码中文本将在 #div1 中可见，但在 DOM 中检查时 #div1 将为空而 #div2 将具有那个文字， 我知道这与加载脚本的顺序有关，但我希望可以有另一种方法。 希望这是有道理的。

Answer 1

是的，访问原始 html 的最简单方法是将您的 js 代码放在任何其他脚本之前(或者只放置像 jquery 这样的库)。

第二次机会是用ajax再次加载文档，解析并得到你想要的。这是代码示例:

    <div id="div1">
        Hello
    </div>
    <div id="div2">

    </div>
    <script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script>
        $('#div2').html($('#div1').html())
        $('#div1').html('')
    </script>
    <script>
        alert($('#div1').html())
        // ajax get
        // empty string in get request means current location
        $.get("", function (html) {
            var el = $(html).filter('#div1');
            alert(el.html())
        });
    </script>