如何在JavaScript中动态创建和定位文本框？

Question

我想动态地创建一个文本框，然后动态地定位文本框。我已经能够动态地创建文本框，但我一直无法弄清楚如何定位它。有什么建议么？

Answer 1

var box = document.createElement('input'); // creates the element 

box.style.position = 'absolute'; // position it 
box.style.left = '100px'; 
box.style.top = '100px'; 

document.body.appendChild(box); // add it as last child of body elemnt 

如果你想在你使用的getElementById寻父，并使用该元素的appendChild函数文档层次别的地方添加它。

Answer 2

设置“顶部”和“左侧”的位置？您可能还需要将“position”属性设置为“相对”或“绝对”，具体取决于您想要执行的操作。

Answer 3

位置在哪里？

您是否想要在某个特定点或某个其他元素中定位？ 尝试在您的文本框类的CSS中使用position：absolute，或者在DOM中的对象上使用style属性。

Answer 4

有使用JavaScript来定位元素一招：

var el = document.getElementById('myelementID'); 
el.style.left = 10 + "px"; 
el.style.top = 10 + "px"; 

注意的是，' + "px"'部分。在分配发生之前，您需要确保表达式是带有单位的字符串，否则将无法可靠地工作。您还可以使用offsetTop和offsetLeft属性代替样式，但“带单位的字符串”规则仍适用。