Greifen Sie auf View-Source anstelle von vorbereiteten DOM zu

Question

Hoffentlich kann ich meine Frage richtig erklären, so im Vorhinein für jede falsche Verwendung von Jargon oder andere: Ist es möglich, mit JavaScript die Original-Markup wie im Quellcode eher angezeigt dann der Code aus dem DOM, nachdem es 'geändert' wurde Angenommen, ein Element # div1 hat den eigentlichen Text, der in einem anderen Element mit der ID # div2 verwendet wird, im Quellcode ist der Text in # div1 aber in sichtbar das DOM beim Überprüfen von # div1 wird leer sein und # div2 wird diesen Text haben, Ich weiß, dass es eine Frage der Reihenfolge des Ladens der Skripte sein würde, aber ich hatte gehofft, dass es einen anderen Weg geben könnte. Hoffentlich macht das einen Sinn.

Answer 1

Ja, der einfachste Weg, um auf Original-HTML zuzugreifen, ist, den JS-Code vor anderen Skripten zu platzieren (oder nur Bibliotheken wie jQuery vorher zu platzieren).

Die zweite Möglichkeit ist, Dokument erneut mit AJAX zu laden, zu analysieren und zu bekommen, was Sie wollen. Hier ist ein Codebeispiel:

<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>