-2

我的代码是

    <!DOCTYPE html>
    <html>
    <head>
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">                  </script>
    <script>
    function afterText() {
        var txt3 = document.createElement("b");   
        txt3.innerHTML = $("<input/>", {
        type: 'text',
        id: 'vname',
        name: 'name',
        placeholder: 'Your Name'
     });
     $("img").after(txt3);      
    }
    </script>
     </head>
  <body>
    <img src="/images/home.gif" alt="home" width="100" height="140">
    <button onclick="afterText()">click</button>
  </body>
  </html>

我得到的输出是[object Object]。但是如何添加输入字段（不应使用 Append）。

4

1 回答 1

0

无需混合使用 jQuery 和纯 JavaScript 方法来进行 DOM 操作。

只需使用以下内容：

 $('<div>' +
     '<input type="text" id="vname" name="name" placeholder="Your Name">' +
   '</div>').insertAfter('img');

或者，如果您需要更高级的：

 $('<div>').append($('<input>', {
    type: 'text',
    id: 'vname',
    name: 'name',
    placeholder: 'Your Name'
 })).insertAfter('img');
于 2014-09-02T11:04:07.203 回答