Strona główna > Internet Explorer > IE 11 DEV–inspekcja elementów strony–cz.2

IE 11 DEV–inspekcja elementów strony–cz.2

W poprzednim wpisie opisałem podstawowe operacje jakie możemy robić w inspektorze kodu Internet Explorera 11 – link znajduje się tutaj.

Dzisiaj stwórzmy prostą stronę internetową, która będzie miała kilka paragrafów i listę:

image

Kod:

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>

<div id="osoba">
<p>Marcin</p>
<p>Borecki</p>
</div>

<ul id="firmy">
<li>Microsoft</li>
<li>Dell</li>
</ul>

</body>
</html>
A efekt prezentuje się tak

image

w konsoli, która jest widoczna na dole narzędzi dla programistów wpiszmy $(‘firmy’)  i wciskamy ENTER – naszym oczom ukazuje się wybrany element po nazwie. $(‘nazwa’) to nic innego jak skrót do JavaScript-owej metody getElementById.

Zmieniamy lekko kod, na następujacy:

<!DOCTYPE html>

<html lang="en">
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>

<div id="element1">
<p>Marcin</p>
<p>Borecki</p>
</div>

<div id="element2">
<p>Marcin</p>
<p>Borecki</p>
</div>

</body>
</html>
I to co widzimy to dwa div które nazywają sie element1 i element2. Popatrzmy na poniższy obrazek w sekcję konsoli, wpisałem tam dwa zapytania:
  • $(‘element1’) – otrzymałem w wyniku element o tej nazwie
  • $$(‘div’) – otrzymałem w wyniku wszystkie znalezione znaczniki div
 

image

  1. Brak komentarzy.
  1. No trackbacks yet.

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Log Out / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Log Out / Zmień )

Facebook photo

Komentujesz korzystając z konta Facebook. Log Out / Zmień )

Google+ photo

Komentujesz korzystając z konta Google+. Log Out / Zmień )

Connecting to %s

%d blogerów lubi to: