Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/81.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用文本创建按钮元素_Javascript_Jquery_Dom - Fatal编程技术网

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接口,所以我不确定你想要的是什么)