Javascript wird keine Informationen aus html in Funktion übergeben

8

Ok, also sehr neu in Javascript. Versuchen, den Code zu lernen, indem Sie einfach den Text auf einer Schaltfläche mithilfe einer externen JavaScript-Datei ändern. Aber ich kann nicht einmal Javascript erhalten, um die Tastenwert external zu lesen, in den Debug-Tools von Chrome sehe ich meinen Button Wert ist btn="". Es liest das Button-Objekt, kann aber seine Eigenschaften nicht lesen.

%Vor%

Die Gle.js

%Vor%

Wenn ich den x Wert debugge, ist es "", auf meinem Bildschirm ändert sich nichts. Ich verwende Klammern IDE.

    
CromeX 28.08.2016, 23:19
quelle

4 Antworten

8

x ist leer, weil für '#btn' das Attribut 'value' nicht angegeben ist. Die Zeichenfolge "Add" befindet sich in ihrem inneren HTML (oder Text),

%Vor%

Und Sie können this im Ereignisbereich indizieren, es ist eine Referenz von '#btn' , this.innerText .

Eine Alternative besteht darin, die Werte für '#btn' untergeordnete Knoten zu erhalten, die browserübergreifend sind.

%Vor%

Dieser Alarm gibt den ersten im inneren Element angegebenen Text an.

    
Hydro 28.08.2016, 23:25
quelle
1
  

Ich erwarte, dass der Button-Titel "Add" erscheint?

Die Schaltfläche hat kein value -Attribut, daher ist ihre Eigenschaft value eine leere Zeichenfolge.

"Add" ist der Inhalt des Textknotens innerhalb des Button-Elements.

%Vor%     
Quentin 28.08.2016 23:25
quelle
0

Sie können versuchen, indem Sie value attribute Ihrem button

zuweisen %Vor%     
Arjun 28.08.2016 23:25
quelle
0

Wenn Sie den Text einer Schaltfläche basierend auf dem Inhalt des Eingabefelds aktualisieren möchten, könnte der Code wie folgt aussehen:

%Vor%

und im JS:

%Vor%     
cnzac 28.01.2017 20:10
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie deklariert man in Swift 3 den Exponenten / Potenzoperator mit der neuen Präzedenzgruppe?