Wie onclick mit javascript?

Wie onclick mit javascript ?

Habe ich versucht diesen code verwenden, aber nicht die Arbeit. Wie kann ich das machen ?

    <span  onclick="test_fn('aaa,bbb')" id="xx">edit</span>
    <script>
        document.getElementById('xx').onclick = "test_fn(111,222)";
    </script>

Beachten Sie, dass Ihre inline-Attribut ist vorbei ein einziges argument, einen string mit einem Komma, aber Ihr versucht veränderte version übergibt zwei Argumente, die zahlen.

InformationsquelleAutor mongkon mamiw | 2017-03-16

6

Gibt es ein paar Dinge, die hier Los ist.

Zunächst test_fn() ist nicht eine Funktion in deinem jsfiddle. Sie müssen es definieren um es genannt zu werden.

Zweitens legen Sie die onclick-Attribut ein string sein, nicht eine Funktion. Würden Sie haben, um es zu werden, eine Funktion mithilfe des folgenden Codes.
```
document.getElementById('xx').onclick = function() { test_fn(111,222) };
```
Hier ist ein Beispiel für eine arbeiten jsfiddle.

UPDATE

Es sieht aus wie ich falsch verstanden, die Frage. Wenn Sie wirklich möchte, ändern die onclick-Attribut, wie in, ändern Sie den HTML-zeigt, die Sie verwenden möchten setAttribute(). So würde der code sein..
```
document.getElementById('xx').setAttribute( "onClick", "test_fn('111,222')" );
```
Hier ist die aktualisiert jsfiddle

Als eine Randnotiz, wie nnnnnn sagt in einem Kommentar der original-Beitrag, mit dieser Sie auf der Durchreise sind 1 parameter durch die Funktion, die die Zeichenfolge 111,222 wenn es scheint, dass Sie vielleicht wollen, werden Sie zwei. Wenn Sie gerne weitergeben möchte 111 als ersten parameter und 222 als zweiten parameter rufen Sie die Funktion entweder test_fn(111,222) (übergabe der Parameter als Integer) oder mit test_fn('111','222') (übergabe der Parameter als strings)

Nein, wenn Sie zu laden Seite möchte ich ändern, aus onclick="test_fn('aaa,bbb')" zu onclick="test_fn('111,222')"
Ich aktualisiert meine Antwort.
In Bezug auf das update, ich bin mir nicht sicher, dass Sie falsch verstanden die Frage nicht so viel, wie die OP hat nicht verstanden, worum Sie baten. Gibt es irgendwelche Vorteile zum ändern des Attributs auf eine neue Zeichenfolge, anstatt nur die Zuordnung einer Funktion direkt? Ich hätte gedacht, das "richtige" Ergebnis, würde gemessen werden, welche Funktion tatsächlich aufgerufen wird und mit welchen Parametern, wenn das element geklickt wird, nicht durch das, was der HTML - "sieht aus wie", vor allem, wenn Sie "View Source", wird immer noch der original-source-code.
Ich bin nicht sicher, warum die OP wollen würde, dass es so gemacht, jedoch für einige Grund die Antwort, die ihm zur Verfügung gestellt wurde multiples mal nicht scheinen, um zu erreichen, was er wollte.

InformationsquelleAutor Alesana
0
```
document.getElementById('xx').onclick = function() {
  test_fn(111, 222);
};
```
Beim einstellen onclick im HTML, verwenden Sie eine Zeichenfolge. Wenn Sie durch JS eine Funktion verwenden.

Nein, wenn Sie zu laden Seite möchte ich ändern, aus onclick="test_fn('aaa,bbb')" zu onclick="test_fn('111,222')"
Das ist genau das, was der obige code macht. Versuchen Sie es.
könnten Sie bitte zeigen Sie mir einige fiddle ?
jsfiddle.net/bdw2puov
Wenn ich deinen code getestet, bei Seite ich will chage id="my-span" aus onclick="alert('foo')" zu onclick="alert('baz')" aber immer noch nicht arbeiten.

InformationsquelleAutor Kyle Lin
0

Müssen Sie onclick zu einer Funktion, die ausgeführt wird Ihr code test_fn('111,222'):
```
<script>
  document.getElementById('xx').onclick = function() { test_fn('111,222'); }
</script>
```
Nein, wenn Sie zu laden Seite möchte ich ändern, aus onclick="test_fn('aaa,bbb')" zu onclick="test_fn('111,222')"
ja, das ist es, was diese tut. onclick in javascript benötigt, um eine Funktion
Ich habe den leisen Verdacht, Sie versuchen, Rechtsklick > viewsource um die Veränderung zu sehen. Nun, das ist nicht, wie Browser arbeiten. Die viewsource zeigt nur die ersten/ursprünglichen Inhalt, der vom server zurückgegeben. Sie können sehen, die aktualisiert onclick-Attribut, indem man die live-DOM (verwenden Sie Ihre browser-dev-Konsole, um es anzuzeigen)
Bitte beachten Sie, dass in javascript mit Hilfe der .onclick wird sich nicht ändern das Attribut im live-DOM. Um dies zu tun, müssen Sie die setAttribute Funktion.

InformationsquelleAutor hackerrdave
0

Ich nicht sehen, wo Sie bei der Definition der Funktion test_fn
Sie Haken die Funktion auf das element onclick zweimal in die html-und js .. nur eines ist nötig , und Sie brauchen, um tatsächlich zu definieren, die die Funktion
```
 <span id="xx">edit</span>
  
 <script>
   document.getElementById('xx').onclick = function(){
     console.log('clicked')
   }
 </script>
```
nun müssen Sie definieren test_fn es wird aufgerufen bei Klick auf das element
```
function test_fn(arg1 , arg2){
  condole.log(arg1 , arg2)
}
```
beachten Sie, dass die html - onclick version ist die übergabe eines Arguments und das js-script-version ist die übergabe von zwei argumens.

sobald ich das getestet habe dein code jsfiddle.net/j2mbngq1 id="xx" noch onclick="test_fn('aaa,bbb')" nicht ändern onclick="test_fn('111,222')"
bearbeitet und hier ist eine andere version . jsbin.com/vutotar/edit?html,js,Konsole,Ausgang

InformationsquelleAutor aeid

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.