Question 36679 in Jquery Question posted in
The official Jquery Api Documentation can be found here.

Error appending SCRIPT HTML tag through jQuery

I’m managing a WordPress website using jQuery v3.6.0 + jQuery.migrate, it triggers a very weird error every time a SCRIPT code is appended to the page.

For example:

jQuery('body').append('<script>console.log("test")</script>');

The returned error is

Uncaught TypeError: n.head.appendChild(...) is undefined

Anyone has ever faced anything similar? Any hint on how to solve?

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    Here's the answer solving the problem by NOT using jQuery.

    $('.the_element')[0].innerHTML = contents;

let scripts = $('.the_element')[0].getElementsByTagName("script");
for (let i = 0; i < scripts.length; i++) {
    eval(scripts[i].innerText);
}

    (honestly I still don't understand what jQuery might have on that customer website..!)


  2. 0

    Try separating the string <script> into unrecognizable by compiler by splitting it to two words.

    jQuery('body').append('<sc' + 'ript>console.log("test")</scri' + 'pt>');
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search