Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [DOM] Zmiana zawartości <h2> na stronie
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
murawa
Mam stronę o układzie
  1. <div id="body"><div id="strona">
  2. <h2>Test</h2>
  3. <h2>Test1</h2>
  4. <h2>Test2</h2>
  5. <h2>Test3</h2>
  6. <h2>Test4</h2>
  7. </div></div>

<span onclick="co tu powinno być ?">Zmień Test na treść 'przyklad'</span>
revyag
Jak chcesz zmieniać każdy osobno to nadaj im unikalne id, a potem odwołuj się poprzez getElementById.
JaRoPHP
Pierwsze z przedstawionych rozwiazań zastosuj wtedy, gdy odwołujesz się poprzez identyfikator elementu (jak proponuje @revyag), natomiast drugie wtedy, gdy zawsze będziesz zmieniał tekst w pierwszym znaczniku <h2/>:
  1. <script type="text/javascript">
  2. function doIt() {
  3. var oHeaders = document.getElementById("head").firstChild;
  4. oHeaders.nodeValue = "przyklad";
  5. }
  6.  
  7. function doIt2() {
  8. var oHeaders = document.getElementsByTagName("h2");
  9. oHeaders[0].firstChild.nodeValue = "przyklad";
  10. }
  11. </head>
  12. <h2 id='head'>Test</h2>
  13. <h2>Test1</h2>
  14. <h2>Test2</h2>
  15. <h2>Test3</h2>
  16. <h2>Test4</h2>
  17. <span onclick="doIt();">Zmień Test na treść 'przyklad'</span>
  18. </body>
  19. </html>
murawa
tylko ze sprawa ma się tak ze nie moge nadać ani ID ani klasy.Bo siedze w edytorze wysiwyg ;p i bawię się stroną na której mam konto ;p
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.