访问view-source而不是准备好的DOM

时间:2016-06-06 13:38:07

标签: javascript jquery dom

希望我能正确解释我的问题,所以提前抱歉对行话或其他方面的错误使用: 是否可以使用javascript访问源代码中查看的原始标记,而不是使用DOM修改后的代码来进行修改' 让我们说一个元素#div1具有将在id#div2的另一个元素中使用的实际文本,在源代码中,文本将在#div1中可见,但在DOM中,同时检查#div1将为空并且#div2会有那个文字, 我知道这将是加载脚本的顺序问题,但我希望可能有另一种方式。 希望这是有道理的。

1 个答案:

答案 0 :(得分: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>