javascript - Javascript appendChild()

嘿，我试图将appendChild（）连续两个div，但是我期望结果是它们可以并排放置，但是它们像另一个一样位于另一个之上：

1st div
2nd div

而不是1 div 2 div

var addBudContainer = document.createElement("div");
addBudContainer.id = "addBudContainer";

var addBudBtn = document.createElement("div");
addBudBtn.className = "addBud";

var addBudBtnName = document.createElement("a");
addBudBtnName.className = "btn-addBud";
addBudBtnName.setAttribute("href","#");

addBudBtn.appendChild(addBudBtnName);

var addBudTxt = document.createElement("input");
addBudTxt.id="addBudTxt";
addBudTxt.type="text";
addBudTxt.defaultValue="Enter buddy name";
//txt box effects
addBudTxt.onfocus = function(){if(replyTxt.value==replyTxt.defaultValue) replyTxt.value='';};
addBudTxt.onblur= function(){if(replyTxt.value=='') replyTxt.value=replyTxt.defaultValue;};

addBudContainer.appendChild(addBudBtn);
addBudContainer.appendChild(addBudTxt);

最佳答案

如果希望元素以行方式而不是作为单独的块放置，则使用<span>而不是<div>可能会获得更好的结果。

关于javascript - Javascript appendChild()，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/4847235/