Fabulit: Anfängerfrage: Verweis auf DOM-Objekt speichern

Beitrag lesen

SELF-Forum

Anfängerfrage: Verweis auf DOM-Objekt speichern

Fabulit
– Informationen zu den Bewertungsregeln

Hallo wehrte Forumsgemeinde,

ich möchte einen Verweis auf ein DOM-Objekt speichern, ohne eine Id zu verwenden. Gegeben ist ein Input-Element. Dieses Element besitzt einen onclick-Eventhandler. Der zugehörige Funktionsaufruf übergibt das geklickte Element per this. Und nun möchte ich dieses this als Eigenschaft eines Javascript-Objekts speichern. Allerdings speichere ich augenscheinlich keinen Verweis auf das DOM-Objekt, sondern erzeuge ein neues Objekt.

Ich denke, der nachfolgende Beispiel-Code verdeutlicht mein Vorhaben. Meine Frage ist nun, ob ich meinen Ansatz ohne Id verwirklichen kann?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
  <head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  
    <title>Referenz auf Dom-Objekt speichern</title>  
  </head>  
  <body>  
    <p>  
      <input type="text" value="vorbelegt" onclick="meinObjekt.erstelleKnopf(this);" id="check1">  
      <input type="text" value="vorbelegt" onclick="meinObjekt.erstelleKnopf(this);" id="check2">  
    </p>  
    <script type="text/javascript">  
      [code lang=javascript]var meinObjekt = {  
        erstelleKnopf : function (zielInput) {  
          this.zielInput = zielInput; //dies ist die kritische Stelle  
          var button = '<input type="button" onclick="meinObjekt.setzeWert(this);" value="Wert setzen">';  
          document.getElementsByTagName("P")[0].innerHTML += button;  
        },  
        setzeWert : function (el) {  
          meinObjekt.zielInput = "Skriptwert";  
          el.parentNode.removeChild(el);  
        }  
      };

</script>
  </body>
</html>[/code]

Beitrag melden
–
Informationen zu den Bewertungsregeln