СКРИПТЫ
ТЕГИ:
php (322)
js (242)
html (146)
css (127)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
fonts (30)
online (27)
link (26)
Показать еще :
ruweb.net (25)
foto (22)
php file (20)
atom (20)
forum (19)
input (18)
hosting (18)
svg (18)
php date (17)
board (16)
php time (16)
html book (16)
color (15)
js events (14)
js url (14)
js time (14)
img (13)
htaccess (13)
osclass (13)
info (13)
notepad (13)
select (13)
php path (12)
keyboard (12)
table (12)
знак (12)
php img (12)
dw block (12)
download (12)
jsphp (11)
form (11)
icon (11)
yandex (10)
js delete (10)
mouse (10)
hover (9)
dosite (8)
php url (7)
browser (7)
cookie (7)
comment (7)
php get (6)
iframe (6)
list (6)
canvas (6)
mysql (6)
click (6)
tag a (5)
adminka (5)
value (5)
reg.ru (5)
search (5)
js math (5)
mb (5)
chart (5)
ftp (5)
year (5)
heading (5)
js id (5)
нок (4)
php var (4)
xml (4)
scandir (4)
ssl (4)
week (4)
day (4)
base64 (4)
bbcode (4)
js form (4)
task (4)
month (4)
console (4)
symbols (4)
pages (4)
vk (4)
submit (4)
https (3)
numbers (3)
js post (3)
js hash (3)
money (3)
vs code (3)
domen (3)
куб (3)
line (3)
captcha (3)
ucoz (3)
padding (3)
js img (3)
js vars (2)
рся (2)
youtube (2)
video (2)
sitemap (2)
tag hr (2)
prompt (2)
arrows (2)
details (2)
seo (2)
height (2)
google (2)
qr kod (2)
counter (2)
typeof (2)
speed (1)
rutube (1)
windows (1)
game (1)
header (1)
smile (1)
archive (1)
cursor (1)
jino (1)
scroll (1)
нод (1)

Метод document.getElementsByTagName()

getElementsByTagName или как работает "Метод document.getElementsByTagName()" - самое лучшее разбираться в методах и функциях - это живые примеры! Мы все так и делаем на сайте. чтобы вы с легкостью понять о чем вообще идет речь!

Подробно о getElementsByTagName.

  1. Что такое getElementsByTagName.
  2. Пример использования getElementsByTagName.
  3. Что возвращает getElementsByTagName.

  1. Что такое getelementsbytagname

    С самого начала дадим определение - "что такое getelementsbytagname"?
    getelementsbytagname - возвращает массив указанного типа в методе.
    Если вместо типа указывается звездочка *, то getelementsbytagname вернёт всё содержание элемента.
    Ну как? Понятно!? Если вы первый раз встречаетесь с методом getelementsbytagname , то с 100% вероятностью, что вы ничего не поняли!

    И правильно и не страшно!

    Не стану больше приводить теорию - перейдем к примерам:

    Надеюсь к концу страницы всё прояснится!

    Создадим пример с getElementsByTagName

    Для того, чтобы понять как работает getelementsbytagname создадим вот такое дерево Dom из нескольких элементов.

    <div id="divs">
    <span>Текст в спане 1 </span>
    <span>Текст в спане 2 </span>
    </div>

    Далее кнопка button с id

    <button id="idbutton">Нажми на меня</button>

    Далее javascript → script + onclick + getElementById + alert + консоль:

    Соберем весь код:


  2. Пример использования getElementsByTagName.

    Разберем выше приведенную теорию и выведем её в пример:

    При нажатии на кнопку "button".

    Сработает скрипт.

    Который выведет полученные данные с помощью getElementsByTagName

    В всплывающее окно alert.

    И эти же данные в Console.log();

    Пример кода использования getElementsByTagName в javascript

    Html:

    <button id="idbutton">Используй getelementsbytagname</button>

    javascript

    <script>

    idbutton.onclick = function()

    {

    var objekt = document.getElementById("divs");

    alert(objekt .getElementsByTagName("span"));

    console.log(objekt .getElementsByTagName("span"));

    }

    </script>

    Пример работы кода с getElementsByTagName в javascript

    Размещаем выше приведенный код - прямо здесь:

    Текст в спане 1 Текст в спане 2
    Нажмите по кнопке... "Используй getelementsbytagname" и мы далее поговорим о результатах работы приведенного кода, где использовался
    В следующем пункте разберем, как использовать полученный объект с помощью "getelementsbytagname"!


  3. Что возвращает getelementsbytagname.

    Теперь нам нужно понять, что мы получили... с помощью "getelementsbytagname"... если вы нажали на кнопку, то внутри функции был alert, который ничего нам не вывел, кроме object HTMLCollection:
    Что возвращает getelementsbytagname.

    Да... не легче...

    А что отправилось в консоль!?

    Здесь мы видим... чуть лучшую ситуацию... а именно:

    HTMLCollection(2) - что это массив, состоящий из 2 ячеек.

    0: span → в нулевой ячейке "span"

    1: span → в первой ячейке "span"

    length: 2 → длина 2, т.е. если вы примените к данному массиву свойство "length", то вернуться должно число 2.

    Что возвращает getelementsbytagname.

    Давайте нажмем по нашему первому спану и если опустимся чуть ниже, то увидим... содержание внутри тега span innerHTML.

    Что возвращает getelementsbytagname.

    Из чего следует, что мы можем с помощью getelementsbytagname и ячейки 0 получить текст... например вот так:

    alert(objekt .getElementsByTagName("span")[0].innerHTML);

    Нам нужен новый код:

    Html:

    <div id="divs">

    <span>Текст в спане 1</span>

    <span>Текст в спане 2 </span>

    </div>

    <button id="button2">Нажми на меня</button>

    javascript

    <script>

    button2.onclick = function()

    {

    var objekt = document.getElementById("divs");

    alert(objekt .getElementsByTagName("span")[0].innerHTML);

    console.log(objekt .getElementsByTagName("span")[0].innerHTML);

    }

    </script>

    Результат использования getelementsbytagname.

    Разместим выше приведенный код прямо здесь, кроме "спанов..."

Можете не благодарить, лучше помогите!
Теги :
getelementsbytagname
document getelementsbytagname
getelementsbytagname script
document getelementsbytagname script
document getelementsbytagname script
js getelementsbytagname
javascript getelementsbytagname
javascript document getelementsbytagname
js document getelementsbytagname
javascript function document getelementsbytagname
getelementsbytagname type
var s document getelementsbytagname
var s document getelementsbytagname script
var s d getelementsbytagname script
function var s d getelementsbytagname
js var s document getelementsbytagname
js var s d getelementsbytagname
getelementsbytagname s type text javascript
getelementsbytagname return
getelementsbytagname length
getelementsbytagname body
Еще никто не прокомментировал! COMMENTS+   BBcode
Подписаться + =

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
На отдельной : странице.
dwweb.ru есть здесь:
Последние комментарии :
Марат :
14.03.2023 21:07
Так... это когда было то... в 2018 году... мне не нравится(не нравилось), как поиск по файлам... как-то коряво было…
подробнее.
Moubrey :
14.03.2023 20:52
Их там два можно поставить, еще и по бокам, а в них еще друге окна станут вкладками, обычный проводник и…
подробнее.
Марат :
26.02.2023 12:20
Спасибо за внимательность!
подробнее.
V :
26.02.2023 11:49
В массиве месяцев пропущен октябрь!
подробнее.
Марат :
02.02.2023 10:48
Я не знаю, что это ... Такое понятие - "определена"... я не понимаю, что такое... есть такая фигня в Js, там, бывают…
подробнее.
Артур :
02.02.2023 06:51
При копировании всего кода из 3 главы "Вывод всех файлов из папки ссылками на них", при выполнении скрипта…
подробнее.
ruweb
Страница загружена за : 0.018316 секунд. Подробнее