siirtää merkkijonoparametri onclick-funktiossa

Haluaisin siirtää parametrin (eli merkkijonon) Onclick-funktioon. Tällä hetkellä teen näin:

'<input type="button" onClick="gotoNode(' + result.name + ')" />'

jossa result.name on esimerkiksi yhtä suuri kuin merkkijono "Add". Kun napsautan tätä painiketta, saan virheilmoituksen, jossa sanotaan, että Lisää ei ole määritelty. Koska tämä funktiokutsu toimii täydellisesti numeerisen parametrin kanssa, oletan, että sillä on jotain tekemistä merkkijonossa olevien symbolien "" kanssa. Onko kenelläkään ollut tätä ongelmaa aiemmin?

JasperTack
Muokattu kysymysT66 syyskuu 2013 в 3:08
Ohjelmointi
javascript html
T55 maaliskuu 2012 в 2:05
16 näkymät
Ratkaisu

Näyttää siltä, että rakennat DOM-elementtejä merkkijonoista. Sinun tarvitsee vain lisätä lainausmerkit result.name:n ympärille:

'<input type="button" onClick="gotoNode(\'' + result.name + '\')" />'

Sinun pitäisi kuitenkin tehdä tämä oikeilla DOM-metodeilla.

var inputElement = document.createElement('input');
inputElement.type = "button"
inputElement.addEventListener('click', function(){
    gotoNode(result.name);
});

​document.body.appendChild(inputElement);​

Ota vain huomioon, että jos tämä on silmukka tai jotain, result muuttuu ennen tapahtuman laukeamista ja sinun täytyy luoda ylimääräinen scope-kupla, joka varjostaa muuttuvaa muuttujaa.

Community
Muokattu vastausta T11 heinäkuu 2018 в 10:34
Kommentit (11)

Suosittelen, että et edes käytä HTML:n onclick-käsittelijöitä, vaan käytät jotain yleisempää, kuten document.getElementById.

HTML:

<input type="button" id="nodeGoto" />

JavaScript:

document.getElementById("nodeGoto").addEventListener("click", function() {
    gotoNode(result.name);
}, false);
kevinji
Muokattu vastausta T00 joulukuu 2013 в 12:09
Kommentit (6)

Muokattu: Jos vaatimuksena on viitata globaaliin objektiin (js) HTML-koodissasi, voit kokeilla tätä. [Älä käytä lainausmerkkejä (' tai ") muuttujan ympärillä].

[Fiddle][1] viittaus.

Javascript:

var result = {name: 'hello'};
function gotoNode(name) {
    alert(name);
}

HTML:

<input value="Hello" type="button" onClick="gotoNode(result.name)" />​
Sandeep G B
Muokattu vastausta T55 maaliskuu 2012 в 2:33
Kommentit (5)