Re: javascript replace

[ JavaScript.nu's Forum ] [ Viktigt om forumet ] [ JavaScript.nu's Startsida ]

Forum / javascript replace

anchorText1 är bara en textsträng, den representerar inte innehållet i textnoden för alla tillfällen, och .replace returnerar ett nytt värde, den byter inte ut det gamla automatiskt. appendChild lägger också bara till en nod, den byter inte ut noden som redan finns där. Tillsist tror jag också att det är en del problem med att sätta event-hanterare på skapade element på det sättet du gör.

Så här skulle jag rekommendera att du gör:

var anchorText1 = "Visa Information";
var anchorText2 = "Dölj Informationen";
var anchor = document.createElement("a");
anchor.innerHTML=anchorText1;
addEvent(anchor, 'click', function(){
this.innerHTML=anchorText2;
});

Om du absolut vill använda TextNodes istället för innerHTML (jag ser ingen egentlig anledning till det) kan du prova så här istället:

var anchorText1 = "Visa Information";
var anchorText2 = "Dölj Informationen";
var anchor = document.createElement("a");
anchor.appendChild(document.createTextNode(anchorText1));
addEvent(anchor, 'click', function(){
this.firstChild.textContent=anchorText2;
});

Se också till att du inte skriver över 'anchor' i en loop samtidigt om du också använder den innefrån event-hanteraren, då ändrar du texten i fel element. Att referera till 'this' kan vara en bättre idé.

Kan någon förklara för mig varför replace inte funkar, dvs. texten på länken ändras inte vid klick, och vad jag ska göra för att få det att funka?
var anchor = document.createElement("a");
var anchorText1 = "Visa Information";
anchor.appendChild(document.createTextNode(anchorText1));
anchor.onclick = function(event) {
var anchorText2 = "Dölj Informationen";
anchor.appendChild(document.createTextNode(anchorText2));
anchorText1.replace(anchorText1, anchorText2);

Postat av Simon (213.89.66.60) den 24 Juni, 2010 kl 23:10:16.
Som svar på: javascript replace postat av nilla den 24 Juni, 2010 kl 11:11:54.

Svar på inlägget:

Re: javascript replace nilla 04:26:00 06/25/10 (2)
- Re: javascript replace Simon 18:30:36 06/25/10 (1)
  - Re: javascript replace nilla 18:36:27 06/25/10 (0)

Posta ett svar:

Namn:

E-Mail:

Rubrik:

Meddelande:

<citat> anchorText1 är bara en textsträng, den representerar inte innehållet i textnoden för alla tillfällen, och .replace returnerar ett nytt värde, den byter inte ut det gamla automatiskt. appendChild lägger också bara till en nod, den byter inte ut noden som redan finns där. Tillsist tror jag också att det är en del problem med att sätta event-hanterare på skapade element på det sättet du gör. Så här skulle jag rekommendera att du gör: function addEvent( obj, type, fn ) { if ( obj.attachEvent ) { obj.attachEvent( 'on'+type, fn ); } else obj.addEventListener( type, fn, false ); } function removeEvent( obj, type, fn ) { if ( obj.detachEvent ) { obj.detachEvent( 'on'+type, fn ); } else obj.removeEventListener( type, fn, false ); } ... var anchorText1 = "Visa Information"; var anchorText2 = "Dölj Informationen"; var anchor = document.createElement("a"); anchor.innerHTML=anchorText1; addEvent(anchor, 'click', function(){ this.innerHTML=anchorText2; }); Om du absolut vill använda TextNodes istället för innerHTML (jag ser ingen egentlig anledning till det) kan du prova så här istället: function addEvent( obj, type, fn ) { if ( obj.attachEvent ) { obj.attachEvent( 'on'+type, fn ); } else obj.addEventListener( type, fn, false ); } function removeEvent( obj, type, fn ) { if ( obj.detachEvent ) { obj.detachEvent( 'on'+type, fn ); } else obj.removeEventListener( type, fn, false ); } ... var anchorText1 = "Visa Information"; var anchorText2 = "Dölj Informationen"; var anchor = document.createElement("a"); anchor.appendChild(document.createTextNode(anchorText1)); addEvent(anchor, 'click', function(){ this.firstChild.textContent=anchorText2; }); Se också till att du inte skriver över 'anchor' i en loop samtidigt om du också använder den innefrån event-hanteraren, då ändrar du texten i fel element. Att referera till 'this' kan vara en bättre idé. <citat> Kan någon förklara för mig varför replace inte funkar, dvs. texten på länken ändras inte vid klick, och vad jag ska göra för att få det att funka? var anchor = document.createElement("a"); var anchorText1 = "Visa Information"; anchor.appendChild(document.createTextNode(anchorText1)); anchor.onclick = function(event) { var anchorText2 = "Dölj Informationen"; anchor.appendChild(document.createTextNode(anchorText2)); anchorText1.replace(anchorText1, anchorText2); </citat> </citat>

Ja tack, maila mig om andra svarar på detta inlägg.

Ja tack, maila mig om andra svarar på mitt inlägg.

[ JavaScript.nu's Forum ] [ Viktigt om forumet ] [ JavaScript.nu's Startsida ]