Toon posts:

[JavaScript] td 'value' veranderen

Pagina: 1
Acties:

zaterdag 29 juni 2002 12:50

Acties:

Verwijderd

Topicstarter
I already utfs, maar kon hier niets over vinden..

Ik wil dus de 'value' van een <td> aan kunnen geven met javascript. Hiermee bedoel ik de tekst tussen <td> en </td>. Met getElementById kan ik wel heb object td aanspreken, maar bestaat er een manier om ook de inhoud aan te spreken?

zaterdag 29 juni 2002 13:06

Acties:
  • teacher
  • Registratie: September 2001
  • Laatst online: 01:19

teacher

Frontpage Admin / Global Moderator

Dysgaf!

zoek eens op innerhtml

Wise enough to play the fool

zaterdag 29 juni 2002 13:18

Acties:
  • Guillome
  • Registratie: Januari 2001
  • Niet online

Guillome

test

Je kan de TD ID naam ook rechtstreeks aanspreken (volgens mij)
Dus <td ID=test> Blah </td>

En dan in een script tag
test.innerHTML = " Niet blah maar bloeh";

If then else matters! - I5 12600KF, Asus Tuf GT501, Gigabyte Gaming OC 16G 5080 RTX, Asus Tuf Gaming H670 Pro, 48GB, Corsair RM850X PSU, SN850 1TB, Arctic Liquid Freezer 280, ASUS RT-AX1800U router

zaterdag 29 juni 2002 13:50

Acties:

Verwijderd

Op zaterdag 29 juni 2002 12:50 schreef sKiLL4 het volgende:
maar bestaat er een manier om ook de inhoud aan te spreken?
jazeker, stel de documentbody is de <td> dan is de content een "child" van die <td> of anders gezegd een childnode en die is op te vragen.

Als je bijvoorbeeld een <span> tag hebt staan in die tabelcel, zou je die zo kunnen verwijderen of aanpassen (2e voorbeeld).

Trouwens werkt niet in Opera.

Verwijderen:
code:
1
2
3

tableCelBody = document.getElementById('myTableCel')
childOne = document.getElementsByTagName('span').item(0)
tableCelBody.removeChild(childOne)

Aanpassen:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13

function dude()

{

newSpan = document.createElement('span')
textVal = "dit is nieuwe text"
    textNode = document.createTextNode(textVal)
    newSpan.appendChild(textNode)
tableCelBody = document.getElementById('myTableCel')
oldSpan = document.getElementsByTagName('span').item(0)
tableCelBody.replaceChild(newSpan,oldSpan)

}

html:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

<body>
<table cellpadding="2" cellspacing="2" border="1" width="400"
 id="mytable">
  <tbody>
    <tr>
    <td valign="top" id="myTableCel" width="200"><span> dude dit is oude
text</span> </td>
    <td valign="top"><br>
    </td>
    </tr>
    <tr>
    <td valign="top"><br>
    </td>
    <td valign="top"><br>
    </td>
    </tr>
         
  </tbody>
</table>
<br>
<br>
<a href="javascript://" onclick="dude();">Click for some magic!!</a><br>
<br>
</body>

zaterdag 29 juni 2002 15:20

Acties:

Verwijderd

Topicstarter
Super!
Tnx guys!
Reageer