Овај чланак пружа процедуру за преузимање ИД-а сидреног елемента унутар ставке листе у ЈаваСцрипт-у.
Како преузети ИД сидра унутар ставке листе у ЈаваСцрипт-у?
ИД атрибут елемента је јединствени идентификатор који се може користити за манипулисање и коришћење тог елемента у ЈаваСцрипт функцији. Корисници могу добити елемент користећи његов ИД на различите начине. Међутим, може бити тешко да се преузме ИД ХТМЛ елемента. Међутим, може бити мало сложено да се преузме ИД атрибут ХТМЛ елемента.
Слично, у случају сидрених елемената унутар „ Листа ствари “, корисник не може директно позвати елемент сидра и добити његов ИД јер ће постојати више елемената сидра пошто су присутни на листи. За ову ситуацију, демонстрација испод показује како да преузмете ИД сидреног елемента унутар ставке листе:
< хтмл >
< тело >
< див >
< ул ид = 'листа' >
< то >
< а ид = 'анцхор1' хреф = '#' > Елемент сидра 1 < / а >
< / то >
< то >
< а ид = 'анцхор2' хреф = '#' > Елемент сидра 2 < / а >
< / то >
< то >
< а ид = 'анцхор3' хреф = '#' > Елемент сидра 3 < / а >
< / то >
< / ул >
< / див >
< стр > Кликните на дугме испод да бисте добили ИД-ове сидрених елемената са горње листе! < / стр >
< дугме онцлицк = 'мојаФункција()' > Узмите ИД < / дугме >
< стр ид = 'корен' >< / стр >
< скрипта >
фунцтион миФунцтион() {
нека листИтемс = доцумент.куериСелецторАлл('#лист а[ид]');
за (нека је и = 0; и < листИтемс.ленгтх; и++ ) {
дозволити ид = листИтемс [ и ] . ид ;
доцумент.гетЕлементБиИд ( 'корен' ) .иннерХТМЛ + =
'ИД сидреног елемента' + ( и + 1 ) + ' је: ' + ид + '<бр> ';
}
}
< / скрипта >
< / тело >
< / хтмл >
Објашњење горњег кода је следеће:
- Неуређена листа са ИД-ом “ листа ” је креиран и садржан у оквиру „ <див> ' ознаке.
- Три сидрене ознаке су креиране у оквиру ставки листе и опремљене су ИД-овима “ сидро1 ', ' сидро2 ', и ' сидро3 ' редом.
- Затим, „ <п> ” елемент је креиран и садржи неки текстуални садржај.
- Затим се креира елемент дугмета помоћу „ <дугме> ' ознаке. „ онцлицк() ” атрибут дугмета има функцију под називом „ мојаФункција() ”.
- Празан ' <п> ” елемент са ИД-ом “ за ' је створен.
- Затим, унутар „ <сцрипт> ” ознаке, функција под називом “ мојаФункција() ' је створен.
- Унутар функције, константа под називом „ листИтемс ' је створен.
- Ова константа је обезбеђена са ИД-овима свих сидрених елемената користећи „ доцумент.куериСелецторАлл() ” метод. Овај метод је обезбеђен са ИД-ом листе и упитом „ а[ид] ”.
- Затим ' за ” петља је креирана да прође кроз „ листИтемс ” константа.
- ИД-ови сидрених елемената се затим штампају на месту „ стр ” елемент са ИД-ом “ за ”. Ово се ради помоћу „ доцумент.гетЕлементБиИд().иннерХТМЛ ” метод.
Излаз:
Из доњег излаза, елементи сидра су присутни на листи, а корисник може добити њихове ИД-ове кликом на „ Узмите ИД ” дугме.
То је све о преузимању ИД-ова сидрених елемената унутар ставки листе.
Закључак
Да бисте преузели ИД елемента сидра унутар ставке листе, уграђени ЈаваСцрипт „ доцумент.куериСелецторАлл() ” може се користити метода. Поред тога, добијени ИД-ови ових сидрених елемената могу се одштампати на веб страници помоћу уграђеног ЈаваСцрипт-а “ .иннерХТМЛ() ” метод. Овај чланак је пружио процедуру за преузимање ИД-а сидреног елемента унутар ставке листе у ЈаваСцрипт-у.