Wie, um Inhalte von div-enthält JavaScript-Skript-Blöcke?

Habe ich den folgenden HTML -

<div id="example">
  ...some text...
  <script type="text/javascript">
    ... some javascript...
  </script>
</div>

How to get Inhalt #example aber auch mit JavaScript?

$("#example").html(),
$("#example").text(),     
$("#example").val()

alle nicht funktionieren.

javascript dort nicht hingehört
$.html() sollte gearbeitet haben. ich Frage mich, warum.

InformationsquelleAutor mm. | 2009-09-16

  1. 11

    Den html() - Methode sollte für Sie arbeiten. Sind Sie sicher, dass Sie auf der code ausgeführt werden, nachdem der DOM fertig ist?

    $(document).ready(function(){
   alert($("#example").html());
});
    .html() Streifen, alle <script> tags aus der zurückgegebenen html-Code.
    gibt es eine Lösung für diese Frage? Ich kann auch bestätigen, DASS ES STREIFEN AUS dem javascript.

    InformationsquelleAutor aolde

  2. 5

    funktionsfähige Demo

    Können Sie

    html(): Holen Sie sich die html-Inhalt (innerHTML) der erste passende element.

    var contents = $("#example").html();
    wenn ich mit $("#Beispiel").html(); bekomme ich nur die Inhalte von div, aber ohne javascript, es ignoriert alle javascript

    InformationsquelleAutor rahul

  3. 1

    Verwenden Sie einfach:

    $("#example").get().innerHTML;

    Bekommt das DOM-Objekt aus dem jQuery-Objekt und spuckt die raw-Daten.

    denke, du meintest: $("#Beispiel").get(0).innerHTML; ohne params ein array zurückgibt. Diese leidet auch unter den gleichen Problemen, obwohl ich denke. Wir haben ein problem, in dem alle text innerhalb der tags wird cap'sed.

    InformationsquelleAutor aditya

  4. 1
    var txt = document.getElementById("example").innerHTML;

    Diese Holen Sie die innertext-von div. Schreiben Sie diese Zeile am Ende des body-Tags.
    Oder
    rufen Sie in der Methode die aufgerufen werden, nachdem body onLoad

    InformationsquelleAutor Iotasol

  5. 0

    Habe es gerade ausprobiert und $('#Beispiel').html() funktioniert nicht in isolation:

    <html>
<head>    
        <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js' lang='text/javascript' />    
</head>
<body>
<div id="example">
  ...some text...
  <script type="text/javascript">
    ... some javascript...
  </script>
</div>

<script>
alert($('#example').html());
</script>

</body>
</html>

    InformationsquelleAutor ndp

  6. 0
    <!--This code will work -->
<html>
<head>    
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" lang='text/javascript' />-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {

//alert($('#example p').html());
alert($('#example').text());

alert($('#example #1').text());
alert($('#example #2').text());
alert($('#example #3').text());
alert($('#example #4').text());
//alert($("#example p").get().innerHTML);
//alert('hey');


}); 
</script>
</head>
<body>
<div id="example">
  <p>...some text...</p>
  <div id="1">
    Here's 1
  </div>
  <div id="2">
    Here's 2
  </div>
  <div id="3">
    Here's 3
  </div>
  <div id="4">
    Here's 4
  </div>

</div>

</body>
</html>
    Sie können hinzufügen, einige Beschreibung zu Ihrer Lösung zu erklären, was Sie tun und warum.

    InformationsquelleAutor carlos martini

  7. 0
    menuItem.firstChild.innerHTML

    Vielleicht hilft.

    InformationsquelleAutor rodoflho

  8. 0

    Diese funktioniert bei mir:
    $("#Beispiel").Inhaltsverzeichnis()

    InformationsquelleAutor Steferson

  9. 0

    In meinem Fall bin ich immer ein html-snippet zurück, die von einem web-service (als Eigenschaft ein Objekt als JSON zurückgegeben). Ich möchte, um es anzuzeigen ohne Formatierung, und auch ohne javascript-Blöcke. Die .html() zurück die javascript-Blöcke für mich, so, das funktioniert nicht.

    Was landete ich mit war:

    //Build up the message a bit artificially for this demo.
//is actually response from ajax call
var message = '<scri';
message += 'pt type="text/javascript">var foo = "bar";</scr'
message += 'ipt><h2>A heading</h2><div>This is a message</div>';

var message_html = jQuery('<div/>') //create a container
   .html(message) //set the contents from the message
   .find('script') //find script blocks
   .remove() //and remove them
   .end(); //back to the original collection but without script blocks
//Now get just the text from there
alert(message_html.text());

    Arbeiten Geige

    InformationsquelleAutor Adam

Schreibe einen Kommentar