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