正在创建带有文本的按钮元素

Creating button element with text

本文关键字：按钮 元素 文本 创建      更新时间：2023-09-26

在我的演示页面上，我试图创建一个按钮，该按钮将不可避免地用于关闭模式。我试过这个代码：

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

在文件tinybox.js

CSS如下所示：

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

然而，我无法按下按钮显示。我认为在执行整个模态代码时一定有问题，所以我试图在Firebug中启动它，只是为了突然创建按钮，但这也不起作用。

有人有什么建议吗？

此外，如何设置按钮的文本？我试图找到相应的"属性"，但找不到用于按钮文本的属性。

谢谢！

让我们正式发布：

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

CSS仅应用于DOM树中的元素。请参阅使用JS将元素添加到DOM。

如果你想使用jQuery，我建议你阅读它的教程和文档（你用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);
相关文章：