[FRAGE] Buttons mit unbekannter ID ansprechen.

[Whitewulf]

Hallo,

ich möchte gerne einen Button einer Website ansprechen. Mein Problem ist, dass der Button nur einer von vielen auf einer Website ist und die Buttons zwar eine eigenständige ID haben, diese aber beliebig generiert wird und nicht ersichtlich ist nach welchem Muster diese generiert werden. Jeder Button ist in einer Zeile, in der es eine Variable X gibt. Die Zahlen der Variable sind eindeutig bestimmbar, der dazugehörige Button wie oben erwähnt leider nicht.

Das ganze sieht ungefähr so aus:


Meine Frage ist, wie spreche ich zum Beispiel den ersten Button in der Liste (siehe Bild) gezielt an? Welche Möglichkeiten habe ich?

Gruss

 

[mikdoe]

Ich würde bei der Tabelle oben anfangen und mich mit childNodes() jeweils nach unten hangeln, bis ich auf eine nodeType() = 'input' treffer oder was auch immer der Button für ein Typ Element ist.
In jQuery kann man das recht einfach mit .closest() | jQuery API Documentation machen.

 

[Dormilich]

wie bei einem Array:

// statt document geht auch ein ancestor element
// "button" oder "input", je nachdem was verwendet wird
var first_button = document.getElementsByTagName("button")[0];

 

[j-l-n]

Mit querySelectorAll(), was in allen gängigen Browsern unterstützt wird, erhältst du alle Element eines Typs.
Der erste Button lässt sich dann mit

var first_button = document.querySelectorAll("input[type=button]")[0];

ansprechen.

 

[Dormilich]

für den ersten (und nur für den) ginge dann natürlich auch:

var first_button = document.querySelector("input[type=button]");

 

[mikdoe]

Whitewulf, du siehst, es gibt viele Wege nach Rom. Entscheidend für dich ist zum einen ob du ein Framework wie jQuery einsetzt und zum anderen was du aus der Zelle, Zeile oder Spalte bzw. ihrer jeweiligen Nachbarn noch für Werte/Infos brauchst.

 

[j-l-n]

@Dormilich, noch eine Anmerkung zu deiner Lösung mit getElementsByTagName(): die Buttons sind vermutlich keine <button>-Elemente, sondern inputs mit type="button"-Attribut. Und da brauchst du dann noch zusätzlich eine for-Schleife mit if-Abfrage auf selbiges.

Ich weiß nicht, ob Whitewulf auch auf die anderen Buttons zugreifen will; von daher querySelectorAll() statt querySelector()...

 

[kkapsner]

@Whitewulf: die Zeichnung ist ja ganz nett, aber wie sieht das HTML bzw. DOM aus?

PS: gehe ich richtig in der Annahme, dass du nicht der Betreiber der Seite bist, sondern ein Greasemonkey-Skript oder einen Bot schreiben willst?