Ersätta en exakt textsträng

6 svar · 513 visningar · startad av web00132 8 sep. 2010

web00132Medlem sedan maj 2001797 inlägg

Frågan8 sep. 2010 17:27#1

Min HTML-kod ser ut så här:

<div id="divId1">
   <h1>
      <a href="http://webforum.nu/" title="webForum">webForum</a>
   </h1>
...

Nu skulle jag med hjälp av Javascript vilja ersätta länken med en textsträng t ex "foo". Hur gör jag detta? Länken ovan ser alltså ALLTID EXAKT ut så där.

Jag har försökt leta mig fram med getElementsByTagName etc men jag lyckas verkligen inte, finns det ett lättare sätt? :x

voigtann1Medlem sedan juni 20019 519 inlägg

8 sep. 2010 17:54#2

document.getElementById("divId1").getElementsByTagName("h1")[0].getElementsByTagName("a")[0].innerHTML ="foo";

ej testad, men bör fungera.
eller med jquery:

$("#divId1 h1:first a").html("foo");

web00132Medlem sedan maj 2001797 inlägg

8 sep. 2010 18:47#3

voigtann1: Topp! Då har vi lyckats hitta själva noden eller vad det heter. Men innerHTML verkar bara peta "foo" inom a-taggarna, typ <a>foo</a>, du hajar. Hur byter jag ut hela anchor-taggen till valfri text?

voigtann1Medlem sedan juni 20019 519 inlägg

8 sep. 2010 19:01#4

<div id="divId1">
   <h1>
      <a href="http://webforum.nu/" title="webForum">webForum</a>
   </h1>
</div>

Om du kör:

document.getElementById("divId1").getElementsByTagName("h1")[0].getElementsByTagName("a")[0].innerHTML ="foo";

Så kommer HTML koden bli:

<div id="divId1">
   <h1>
      <a href="http://webforum.nu/" title="webForum">foo</a>
   </h1>
</div>

vad är det du vill göra?

web00132Medlem sedan maj 2001797 inlägg

8 sep. 2010 19:24#5

Tack för din hjälp!
Jag vill att resultatet ska bli så här:

<div id="divId1">
   <h1>
      foo
   </h1>
</div>

voigtann1Medlem sedan juni 20019 519 inlägg

8 sep. 2010 19:35#6

struntar i getElementsByTagName("a")[0] delen bara...

web00132Medlem sedan maj 2001797 inlägg

8 sep. 2010 20:04#7

Hm, man kan tycka att jag borde fattat det... :r
Tackar!