Méthode : window.document.createElement()

<script>
var myDiv=document.createElement("div");
myDiv.setAttribute("id", "myDivId");
myDiv.setAttribute("title", "Message de titre");
console.log(myDiv);
</script>

Emulation de la console

L'objet myDiv est créé.
Les attributs id et title sont ajoutés.
Il n'est pas encore inséré dans le DOM.

<div class="btn" onclick="loadJS()">Charger le fichier source.js dans la page</div>


<script type="text/javascript">
function loadJS() {
var js=document.createElement("script");
js.src="media/source.js";
js.onerror=function() {console.log("Erreur de chargement du script");}
js.onload=function() {
console.log("source.js chargé correctement. Vous pouvez faire vos traitements ici");
console.log("Donc la variable message est bien créée et vaut :");
console.log(message);
}
document.body.appendChild(js);
}
</script>

Emulation de la console

Cliquez sur le bouton pour charger le script media/source.js et détecter si le chargement est bien réussi.
Le fichier media/source.js ne contient qu'une seule ligne :
var message="Ceci est le message du fichier source.js";

Dunod Fnac Amazon

Chargement
en cours...