Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][HTML] DOM i obiekt "p"
kkuubbaa88
post 7.03.2010, 11:30:33
Post #1





Grupa: Zarejestrowani
Postów: 510
Pomógł: 1
Dołączył: 27.08.2007

Ostrzeżenie: (0%)
-----


witam

mam diva o id="button1", a w nim jest jest obiekt p bez id. w jaki sposob moge sie dobrac do tego "p" i zmienić mu CSS ?

do diva robie:
obj = document.getElementById('button1');

Ten post edytował kkuubbaa88 7.03.2010, 11:30:57
Go to the top of the page
+Quote Post
Kużdo
post 7.03.2010, 12:18:27
Post #2





Grupa: Zarejestrowani
Postów: 181
Pomógł: 14
Dołączył: 4.06.2008

Ostrzeżenie: (0%)
-----


Hmm.

[JAVASCRIPT] pobierz, plaintext
  1. obj = document.getElementById('button1');
  2. elements = obj.getElementsByTagName('p');
[JAVASCRIPT] pobierz, plaintext


W ten sposób pobrane zostaną wszystkie elementy 'p' znajdujące się w rodzicu obj, którym jest element o id 'button1'.
Żeby dostać się do poszczególnych elementów zbioru elements wpisujemy np.:
[JAVASCRIPT] pobierz, plaintext
  1. alert(elements[0].innerHTML);
[JAVASCRIPT] pobierz, plaintext

Wyświetli nam zawartość pierwszych tagów <p></p>. Idąc dalej elements[1] to drugie <p></p> itd.
Go to the top of the page
+Quote Post
piotrooo89
post 7.03.2010, 12:43:01
Post #3


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków




oczywiście jak chcesz sobie ułatwić życie to skorzystaj z frameworka JS - jQuery.


--------------------
Go to the top of the page
+Quote Post
jasin
post 7.03.2010, 12:44:09
Post #4





Grupa: Zarejestrowani
Postów: 142
Pomógł: 32
Dołączył: 21.08.2008
Skąd: Toruń

Ostrzeżenie: (0%)
-----


Jeśli np. używałbyś jQuery to możesz tak:
Kod
$('#button1').find('p').css('background-color', 'red');


Ten post edytował jasin 7.03.2010, 12:44:56


--------------------
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 05:43