---
title: "Hitta en textsträng på ett speciellt ställe i koden och byta ut den"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/181594-hitta-en-textsträng-på-ett-speciellt-ställe-i-koden-och-byta-ut-den"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "web00132"
published: "2009-12-10T17:08:59.000Z"
updated: "2009-12-10T19:24:37.000Z"
replies: 8
views: 494
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/181594-hitta-en-textsträng-på-ett-speciellt-ställe-i-koden-och-byta-ut-den"
---

# Hitta en textsträng på ett speciellt ställe i koden och byta ut den

## #1 — web00132, 2009-12-10T17:08Z

Jag använder följande kod (har strippat bort oväsentligheter):

```
<form id="registerform">
   <p>
      <label>
         Username<br />
         <input type="text" id="user_login" />
      </label>
   </p>
</form>
```

Nu skulle jag, mha JavaScript, vilja hitta ordet 'Username' och byta ut det mot 'Full name'. Hur ska jag för det första gå tillväga för att hitta ordet i just den HTML-taggen, och för det andra byta ut det ordet?

Observera, jag har inte möjlighet att ändra direkt i HTML-koden alltså. Tackar på förhand!

Permalänk: https://www.webforum.nu/p/181594

## #2 — web00132, 2009-12-10T17:28Z

Uppdatering: Jag lyckas gömma texten genom att använda lite CSS...

```
#registerform p:first-child label {
	visibility: hidden !important;
}
#registerform p:first-child label input {
	visibility: visible !important;
}
```

Men hur får jag dit en annan text?

Permalänk: https://www.webforum.nu/p/2217047

## #3 — nitro2k01, 2009-12-10T17:42Z

Tanke: Öka på margin-top och lägg en bakgrundsbild innehållande texten, med no-repeat.

Permalänk: https://www.webforum.nu/p/2217049

## #4 — web00132, 2009-12-10T17:48Z

Ingen dum tanke nitro2k01, men om jag hellre skulle göra det med javascript, hur skulle man i såna fall göra?

Permalänk: https://www.webforum.nu/p/2217050

## #5 — nitro2k01, 2009-12-10T17:54Z

Så här:

```
window.onload=function(){
	var container = document.getElementById('user_login').parentNode;
	var textel = container.firstChild;
	container.replaceChild(document.createTextNode('Full Name'), textel);
}
```

Med reservation för att koden inte funkar i IE.

Men säg mig, varför kan du inte komma åt att redigera HTML-koden?

Permalänk: https://www.webforum.nu/p/2217051

## #6 — SPiN, 2009-12-10T17:59Z

Quick 'n dirty find & replace:

```
function findAndReplace(element, needle, substitution) {
   var h = element.innerHTML;
   h = h.replace(new RegExp(needle, "ig"), substitution);
   element.innerHTML = h;
}
```

Användning:

```
var elems  = document.getElementsByTagName("label");
var needle = "Username";
var subst  = "Full name";
findAndReplace(elems[0], needle, subst);
```

Permalänk: https://www.webforum.nu/p/2217054

## #7 — web00132, 2009-12-10T18:26Z

Nitro! Din kod funkar prima! Även i IE8 verkar det som, har inte möjlighet att testa tidigare versioner.
Anledningen är att jag försöker ändra en Wordpress-inloggningssida, och jag vill inte in i WP-"kärnan" och pilla för då blir det meckigt att uppgradera till kommande versioner sen.

SPiN: Får inte din kod att funka, men det ser ju riktigt snajdig ut och kanske är bättre kompatibilitetsmässigt?

Stort tack för era svar i alla fall!  :bire

Permalänk: https://www.webforum.nu/p/2217055

## #8 — web00132, 2009-12-10T19:08Z

Aj då! Javascriptet inkluderas för flera formulär och ibland ska det stå 'Username' och ibland inte. Går det att på något sätt kolla om formuläret som den där label-taggen ligger inom har id='registerform'?

Typ:

```
window.onload=function(){
	var container = document.getElementById('user_login').parentNode;
	[B]var parentForm = container.parentNode.Id[/B]
	var textel = container.firstChild;
	[B]if (parentForm == 'registerform') {[/B]
		container.replaceChild(document.createTextNode('Full Name'), textel);
	[B]}[/B]
}
```

Den koden funkar alltså inte, men går det att fixa nåt liknande?

Permalänk: https://www.webforum.nu/p/2217061

## #9 — SPiN, 2009-12-10T19:24Z

```
var parentForm = container.parentNode.getAttribute('id');
...
```

Permalänk: https://www.webforum.nu/p/2217063

---

Tråden på webben: https://www.webforum.nu/amne/javascript/181594-hitta-en-textsträng-på-ett-speciellt-ställe-i-koden-och-byta-ut-den