invrecon: Button mit JavaScript dynamisch einfügen

Beitrag lesen

Hi Leute
Ich benutze Greasemonkey und würde damit gerne auf einer Webseite einen Button einfügen. Das wäre an sich noch kein Problem. Ich mache mit

var myButton = document.createElement("button");

einfach einen neuen Button und hänge ihn mit

document.getElementById("meinDiv").appendChild(myButton);

einfach an dem auf der Webseite bereits vorhandenen div "meinDiv" ein.
Soweit so gut. Nun würde ich aber dem Button gerne noch einige Attribute zuweisen wie zum Beispiel den value oder das onClick()-Ereignis. Ich habe ziemlich lange gesucht und herausgefunden, dass man gewisse Eigenschaften eines Buttons auf diese Weise ändern kann:
myButton.setAttribute('id', 'neuerButton');

Allerdings muss man, um den Text auf dem Button zu ändern, zuerst einen Textknoten erstellen und ihn dann an den Button hängen:

var buttontext = document.createTextNode('Schriftart ändern');  
myButton.appendChild(buttontext);

Wieso kann ich den Text auf dem Button nicht einfach so:
myButton.setAttribute('value', 'Hier klicken!');
oder so:
myButton.value = "Hier klicken!";
ändern?

Würde mich über Antworten freuen!
Gruss
invrecon