Javascript createElement () ne fonctionne pas dans Chrome

Javascript createElement() ne fonctionne pas sur Chrome, mais ça marche bien dans IE et Firefox. Pourquoi?

 var name = document,createElement("Div" );

marchera. Et plus tard, vous pouvez ajouter les attributs comme

 name.colSpan="2"; document.body.appendChild(name);

Remarque: n'essayez pas d'utiliser des supports angulaires comme createElement("<div />") . Cela ne fonctionnera pas dans Chrome.

Parce que votre code est dérangé, il n'y a rien de mal avec "createElement":

 <html> <head> <meta charset = "utf-8"> <title></title> <script> window.onload = function () { for (var i = 0; i < 100; i ++) { var div = document.createElement ("div"); div.style.border = "1px solid black"; div.style.margin = "20px"; div.style.padding = "10px"; document.body.appendChild (div); } } </script> <style></style> </head> <body></body> </html>

Entrez la description de l'image ici

Il fonctionne parfaitement, utilisez ce code:

 var catDiv = document.createElement("div"); catDiv.innerHTML = "Test"; document.body.appendChild(catDiv);

Un autre exemple de travail (si vous avez un élément avec Id = myTableBody dans votre HTML)

 var appendingTo = document.getElementById("myTableBody"); var tr = document.createElement("tr"); tr.setAttribute("name", "i"); appendingTo.appendChild(tr);

Donc, je ne pouvais pas non plus createElement() pour fonctionner dans Chrome. Après avoir lu le message de Caio et testé le code fourni, j'ai compris ce que je faisais mal.

Sur w3schools.com, les exemples qu'ils fournissent utilisent toujours le nom de la balise dans tous les casiers ex. createElement("DIV") , c'est la façon dont je l'utilisais et de mauvais résultats.

Après avoir changé de "DIV" à "div" dans mon propre code, il a travaillé aussitôt.

Merci Caio.

Consultez ma réponse sur cette question. J'ai eu un problème similaire. Je créais de nouvelles boîtes de saisie utilisant createElement et j'avais le même problème.

La fonction createElement fonctionne bien. Mais, comme son nom l'indique, la fonction crée simplement un élément. Maintenant, en deuxième étape, la question serait: Que voulez-vous faire de l'élément créé?

Une fois que vous avez créé l'élément comme suit:

Var myDiv = document.createElement ("div");

Vous êtes prêt à faire avec ce que vous voulez. Vous voudrez peut-être le classer un peu puis l'ajouter à votre DOM. (Si vous n'incluez pas de texte ou de style sur l'élément, il sera ajouté au DOM mais également invisible à l'œil).

Donc, si vous le faites:

MyDiv.innerHTML = "My Div";

MyDiv.style.border = "1px solide noir";

Document.body.appendChild (myDiv);

Vous pourrez voir votre élément DIV à la fin de votre page.