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' });

Answer 2

你很接近，但是你正在使用jQuery方法混合本机DOM方法调用。试试这个：

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

Answer 3

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

但是你应该给div一个id，这样它就可以被jquery引用而不改变其他div的内容