jquery创建一个新对象并插入html文本

Question

我创建了一个新的div，如何在这个新的div中插入文本(html文本)？

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

我尝试:

div_obj.innerHTML = "text";

但是不起作用。

Answer 1

使用 .html() 在这里，像这样:

div_obj.html("text");

.innerHTML 是一个 DOM 元素属性(不是 jQuery 对象属性)，要访问它，您需要获取原始 <div> DOM 元素，如下所示:

div_obj[0].innerHTML = "text";

<小时/>

顺便说一句:在 jQuery 1.4+ 中，有一个创建的简写， $(html, props) ，像这样:

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