Question

我正在设计一个笔记应用程序，但我在使用JQuery添加多个笔记时遇到了麻烦。我设计它的方式相对简单，一个文本框覆盖在粘滞便笺的图像上。要生成一个新笔记，这里是我用于图像的代码。

function addEvent() {
var ni = document.getElementById('myDiv');
var numi = document.getElementById('theValue');
var num = (document.getElementById("theValue").value -1)+ 2;
numi.value = num;
var divIdName = "my"+num+"Div";
var newdiv = document.createElement('div');
newdiv.setAttribute("id",divIdName);
newdiv.prepend = "<img src='Sticky_Note.png'</a>";
ni.appendChild(newdiv);
var newtext = document.createElement('Note')
newdiv.prepend = "<input type="textarea" rows="3" cols="25" x-webkit-speech="x-webkit-     speech" style="width:380px;height:300px; background: none; border:none; font-size:24px; color:#0033FF;font-family:comic sans ms " />";
ni.appendChild(newtext);

但是文本框没有显示出来！我该怎么做才能解决它？

Answer 1

如果这是原始代码，则此可能成为您的问题：

"<input type="textarea" rows="3" cols="25" x-webkit-speech="x-webkit-     speech" style="width:380px;height:300px; background: none; border:none; font-size:24px; color:#0033FF;font-family:comic sans ms " />";

你在qoute里面使用qoute。您可能想要更改“到”。

"<input type='textarea' rows='3' cols='25' x-webkit-speech='x-webkit-     speech' style='width:380px;height:300px; background: none; border:none; font-size:24px; color:#0033FF;font-family:comic sans ms ' />";

Answer 2

你有一个图片标记（）的开头，没有关闭你的图像：

newdiv.prepend = "<img src='Sticky_Note.png'</a>";

@Dandroid已经抓住了你的报价问题..

JQuery添加一个HTML文本框

2 个答案: