Utiliser Javascript pour ajouter du HTML?

Je me demandais s'il était possible d'obtenir Javascript pour écrire du HTML sur la page dans un certain DIV.Utiliser Javascript pour ajouter du HTML?

Cela est dû au fait qu'il existe certaines zones du site où je n'ai pas accès au balisage. Mais je voudrais ajouter une petite section là-bas.

Par exemple, le conteneur que je veux ajouter un peu de html à est < div id = "sujets"> </div>

Est-il possible d'obtenir le Javascript pour le faire < * div id = "sujets"> < div id = "mysection"> </div> < */div>

Un grand merci!

Source

2009-06-07 Anonymous

C'est assez simple à faire, même en utilisant JavaScript.

var topicsDiv = document.getElementById("topics"); 
topicsDiv.innerHTML = '<div id="mysection"> </div>';

Si vous allez être cependant faire une manipulation DOM grave (modèle objet de document, à savoir la structure HTML), alors je vous recommande de regarder dans la bibliothèque JQuery. Pourtant, si la tâche est limitée à votre question, alors JavaScript normal devrait être bien, comme indiqué ci-dessus.

Source

2009-06-07 16:06:33 Noldorin

innerHTML a une majuscule "HTML", et n'oubliez pas d'échapper vos guillemets! –

@Perspx: Ou utilisez simplement des guillemets simples. :) – Noldorin

Bien sûr. Par exemple, vous pouvez le faire en utilisant Prototype:

$('topics').update('<div id="mysection"></div>');

La syntaxe est assez similaire pour jQuery ou un autre cadre, et comme noldorin noté, vous pouvez aussi faire cela sans aucun cadre.

Source

2009-06-07 16:08:03

Bump sur l'utilisation de Prototype. –

Avec JavaScript simple (sans JQuery ou quelque chose que vous pourriez faire):

HTML:

<div id="topics"></div>

JS:

document.getElementById('topics').innerHTML = '<div id="mysection"></div>';

Utilisation JQuery vous suffit de faire:

$('#topics').append('<div id="mysection"></div>');

Source

2009-06-07 16:08:41

Vous cherchez probablement la propriété innerHTML

document.getElementById('topics').innerHTML = 'whatever';

Source

2009-06-07 16:09:20

Juste pour être pédant, innerHTML est une propriété, pas une fonction. –

J'ai pris la liberté de faire ce correctif. – Nosredna

Merci d'avoir signalé –

Je suis d'accord avec les deux noldorin et Can Berk Güder et d'autres, et je voudrais citer que ce DOM (Document Object Model) et l'un des les principaux composants d'AJAX. AJAX envoie une requête à un serveur, et utilise des techniques comme celle-ci pour le "mettre" dans la page.

Sachez que vous pouvez faire presque n'importe quoi avec javascript; vous pouvez simplement avoir "<html> <corps> </corps </html >" et de faire javascript faire tout le reste. C'est ce que fait GWT, et si vous avez besoin de modifier FORTEMENT votre page de façon dynamique, cela peut vous intéresser.

Source

2009-06-07 16:50:41 WhyNotHugo

Utiliser Javascript pour ajouter du HTML?

Répondre

Questions connexes