使用文本創建按鈕元素

On My Demo Page我試圖創建一個不可避免地用於關閉模式的按鈕。我想這樣的代碼：使用文本創建按鈕元素

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

的CSS是這樣的：

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

但是我不能讓按鈕出現。我認爲執行整個模式代碼時必然會出現錯誤，所以我試圖在Firebug中啓動它，只是爲了創建出藍色的按鈕，並且這也不起作用。

有人有什麼建議嗎？

另外，如何設置按鈕的文字？我試圖找到相應的'屬性'，但找不到按鈕文本。

謝謝！

2012-03-01 pufAmuf

你的地方添加按鈕，將DOM？只有創建它纔不會將其添加到樹中。你必須告訴文件應該放在哪裏。 – 2012-03-01 18:51:16

..Aha。 Sooo，添加一個類並通過css設置位置不起作用呢？那麼我該如何去添加按鈕到DOM？ – pufAmuf 2012-03-01 18:52:43

它確實有效。您正在將元素分配給一個變量。做完之後，您需要將其附加到文檔中。 – 2012-03-01 18:53:56

讓我們使它成爲官方：

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

2012-03-01 19:01:18

回答