Change HTML content using javascript/jquery

Question

let's assume that the content is empty as given below.

<head> 

</head>

If I want to change it dynamically to

<head> 
<script src="jquery-1.8.0.min.js"></script>
</head>

is there anyway that AppInventor can do that?

underscore · Accepted Answer

You can select it and add to it as normal:

$('head').append('</script>');

JavaScript:

document.getElementsByTagName('head')[0].appendChild( ... );

Make DOM element like so:

script=document.createElement('</script>');
script.src='src';

document.getElementsByTagName('head')[0].appendChild(script);

Zero Fiber · Answer

Some simple javascript to change the innerHtml of document.head will work

document.head.innerHTML = "<script src=\"jquery-1.8.0.min.js\"></script>";

Change HTML <head> content using javascript/jquery