嘿,我正在尝试 appendChild() 两个连续的 div,但我期望的结果是它们并排放置,但它们像这样一个在另一个之上:
1st div
2nd 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>
如果您希望元素以内联方式而不是作为单独的 block 进行布局。
关于Javascript appendChild() 函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4847235/