使用文本创建按钮元素

On My Demo Page我试图创建一个不可避免地用于关闭模式的按钮。我想这样的代码：使用文本创建按钮元素

x=document.createElement('button'); x.className='superclose';

的CSS是这样的：

.superclose {position:absolute; top: 50px; left:50px; width:150px; height:50px;}

但是我不能让按钮出现。我认为执行整个模式代码时必然会出现错误，所以我试图在Firebug中启动它，只是为了创建出蓝色的按钮，并且这也不起作用。

有人有什么建议吗？

另外，如何设置按钮的文字？我试图找到相应的'属性'，但找不到按钮文本。

谢谢！

2012-03-01 pufAmuf

你的地方添加按钮，将DOM？只有创建它才不会将其添加到树中。你必须告诉文件应该放在哪里。 – 2012-03-01 18:51:16

..Aha。 Sooo，添加一个类并通过css设置位置不起作用呢？那么我该如何去添加按钮到DOM？ – pufAmuf 2012-03-01 18:52:43

它确实有效。您正在将元素分配给一个变量。做完之后，您需要将其附加到文档中。 – 2012-03-01 18:53:56

让我们使它成为官方：

您必须将元素添加到DOM。只有创建它才不会将其添加到树中。

CSS仅适用于DOM树中的元素。见add element to the DOM with JS。

如果你想使用jQuery，我建议阅读它的tutorials和documentation（你用jQuery标记了这个问题，但你使用的是纯粹的DOM接口，所以我不确定你在做什么）。

您可以设置一个元素与innerHTML内容：

x.innerHTML = 'Some Text';

使用jQuery，整个过程将仅仅是：

// creates the button and adds it to the body 
$('<button />', {'class': 'superclose', text: 'Some Text'}).appendTo(document.body);

2012-03-01 19:01:18

回答