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