用文本创建按钮元素

Question

On My Demo Page我正在尝试创建一个不可避免地用于关闭模态的按钮。我试过这段代码：

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

In File tinybox.js

CSS看起来像这样：

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

但是我无法显示按钮。我认为在执行整个模态代码时必定会出错，所以我尝试在Firebug中启动它，只是为了创建按钮，并且不起作用。

有人有什么建议吗？

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

谢谢！

Answer 1

让我们正式：

您必须将元素添加到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);