新div不接受文本值

时间:2016-03-25 13:28:12

标签: javascript jquery html css text

我使用用户输入的值创建了一个新的div,这很好用(我用背景颜色,宽度和高度属性对它进行了测试,效果很好)

但是我似乎无法让新的div接受文本值。我尝试使用newName.html('hello)newName.text('hello'),但都没有效果。任何帮助表示赞赏。

这是我的代码:

names.push(newName);
var newName = document.createElement('div')
newName.setAttribute('id', newName);
document.body.appendChild(newName);
newName.text('hello');
$(newName).css('position','absolute')
$(newName).css('top','100px');
$(newName).css('left','100px');

2 个答案:

答案 0 :(得分:3)

texthtml是jQuery方法。你需要做

$(newName).text('text');

$(newName).html('<html>');

并使用纯Javascript

newName.innerText = 'text';

newName.innerHTML = '<html>';

答案 1 :(得分:0)

由于您使用的是普通j,因此需要使用innerHTMLinnerTEXT分别更新元素的html或文本。

.html()是第三方库提供的包装方法,例如jQuery