gpt4 book ai didi

javascript - 创建带有文本的按钮元素

转载 作者:行者123 更新时间:2023-12-02 19:49:14 26 4
gpt4 key购买 nike

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 中启动它,只是为了突然创建按钮,但这也不起作用。

请问大家有什么建议吗?

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

谢谢!

最佳答案

让我们正式宣布:

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

CSS 仅应用于 DOM 树中的元素。请参阅add element to the DOM with JS

如果你想使用 jQuery,我建议阅读它的 tutorialsdocumentation (你用 jQuery 标记了这个问题,但你使用的是普通的 DOM 接口(interface),所以我不确定你在追求什么)。

您可以使用innerHTML设置元素的内容:

x.innerHTML = 'Some Text';

使用 jQuery,整个过程将非常简单:

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

关于javascript - 创建带有文本的按钮元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9522132/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com