Javascript 使用文本创建按钮元素
我试图创建一个按钮,它将不可避免地用于关闭模态。我尝试了以下代码:Javascript 使用文本创建按钮元素,javascript,jquery,dom,Javascript,Jquery,Dom,我试图创建一个按钮,它将不可避免地用于关闭模态。我尝试了以下代码: x=document.createElement('button'); x.className='superclose'; CSS如下所示: .superclose {position:absolute; top: 50px; left:50px; width:150px; height:50px;} 但是我不能让按钮显示出来。我认为在执行整个模式代码时一定是出了什么问题,所以我尝试在Firebug中启动它,只是为了创建一
x=document.createElement('button'); x.className='superclose';
CSS如下所示:
.superclose {position:absolute; top: 50px; left:50px; width:150px; height:50px;}
但是我不能让按钮显示出来。我认为在执行整个模式代码时一定是出了什么问题,所以我尝试在Firebug中启动它,只是为了创建一个突然出现的按钮,但这也不起作用
有人有什么建议吗
另外,如何设置按钮的文本?我试图找到相应的“属性”,但找不到按钮文本的属性
谢谢 让我们正式宣布:
您必须将元素添加到DOM中。仅创建它不会将其添加到树中
CSS仅应用于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);
//创建按钮并将其添加到主体中
$(“”,{'class':'superclose',text:'Some text'}).appendTo(document.body);
是否将按钮添加到DOM的某个位置?仅创建它不会将其添加到树中。你必须告诉文件应该放在哪里…啊哈。那么,添加一个类并通过css设置位置就行不通了?那么我该如何将按钮添加到DOM中呢?它确实有效。您正在将元素分配给变量。完成后,您需要将其附加到文档中。CSS仅应用于DOM树中的元素。看见如果你想使用jQuery,我建议你阅读它的教程和文档(你用jQuery标记了这个问题,但你使用的是纯DOM接口,所以我不确定你想要的是什么)