使用javascript jquery减少保证金

Question

为什么当我用javascript jquery添加相同的html代码时,我的保证金是否宽松？
尝试这个jsfiddle,你会理解我.

jQuery的

 function addphone() {
$( "#phonedetails" ).append( '<div  >' +
    '<label>phone :</label>' +
    '<input type="text" /> '   +  
    '<input type="button" onclick="addphone()"/>'    +                       
    '</div>');  

 }

HTML

<div id="phonedetails">
    <div>
        <label>phone :</label>
        <input type="text" />     
        <input type="button" onclick="addphone();"/>
    </div>
</div>

Answer 1

它不是一个边缘,它是一个空间(即当你按空格键时得到的空间)label和input.它在JS生成的代码中缺失.

更改:

'<label>phone :</label>' +

至:

'<label>phone :</label> ' +
                  //   ^ space here