jquery créer un nouvel objet et insérer le texte html

Question

je crée une nouvelle div, et comment insérer du texte (texte html) dans cette nouvelle div?

var div_obj = $(document.createElement("div")).attr({'class': 'test'}).css({'width' : size, 'height' : height, 'background' : bg}); 

J'essaie:

div_obj.innerHTML = "text"; 

Mais ne fonctionnent pas.

Answer 1

Utilisez .html() ici, comme ceci:

div_obj.html("text"); 

.innerHTML est une propriété d'élément DOM (pas un objet jQuery), pour y accéder, vous devez obtenir l'élément DOM <div> brut, comme ceci:

div_obj[0].innerHTML = "text"; 

---

En aparté: jQuery 1.4+ il y a un raccourci pour la création, $(html, props), comme ceci:

$("<div/>", { 'class': 'test', 
       css: {'width' : size, 'height' : height, 'background' : bg}, 
       html: 'text' }); 

Answer 2

$('div').html('html text'); 

mais vous devriez vraiment donner le div un id il peut être référencé par jquery sans modifier le contenu d'autres divs

Answer 3

Vous êtes proche, mais vous mixez la méthode DOM natif appelle avec jQuery méthodes Essayez ceci:

$('<div>').addClass('test').css({'width': size, 'height': height, 'background': bg}).html('text');