Extract script tags from a HTML string

Question

Or any other tags :)

for eg.

  <head>
    <title>page...</title>
    <script> var a = 'abc'; </script>
    <script src="foo.js" type="text/javascript"></script>
  </head>
  <body>
    ...
    <script src="foo2.js"></script>
  </body>

(this string is a response from a ajax call)

I want to get a array with 3 strings:

<script> var a = 'abc'; </script>
<script src="foo.js" type="text/javascript"></script>
<script src="foo2.js"></script>

How can I do that?

Answer 1

Define: outerHTML function (taken from here )

jQuery.fn.outerHTML = function(s) {
return (s) ? this.before(s).remove() : jQuery("&lt;p&gt;").append(this.eq(0).clone()).html();
}

Then assume your response is stored in data you can do:

$(data).filter("script").each( function(e) { 
    // do something with $(e).outerHTML()
} );

Answer 2

使用带有<script[^<]*</script>模式的正则表达式。

Answer 3

You can try something like:

 function getScriptsAsText() {
   var div = document.createElement('div');
   var scripts = [];
   var scriptNodes = document.getElementsByTagName('script');

   for (var i=0, iLen=scriptNodes.length; i<iLen; i++) {
     div.appendChild(scriptNodes[i].cloneNode(true));
     scripts.push(div.innerHTML);
     div.removeChild(div.firstChild);
   }
   return scripts;
 }

It returns a array of the current script elements as text, including their start and end tags.

You might also try outerHTML, but it's not that widely supported.

Extract script tags from a HTML string

Question

3 answers

solution1
7 ACCPTED 2011-11-13 23:39:40

solution2
1 2011-11-13 23:38:49

solution3
1 2011-11-14 03:17:30

Extract script tags from a HTML string

Question

3 answers

solution1 7 ACCPTED 2011-11-13 23:39:40

solution2 1 2011-11-13 23:38:49

solution3 1 2011-11-14 03:17:30

solution1
7 ACCPTED 2011-11-13 23:39:40

solution2
1 2011-11-13 23:38:49

solution3
1 2011-11-14 03:17:30