В этом посте описан метод поиска идентификатора объекта в массиве объектов JavaScript.
Что такое метод append() в JavaScript?
“ добавить() ” в JavaScript используется для вставки элементов или строковых объектов в конец элемента. Это один из самых полезных методов добавления требуемого элемента в указанную позицию в конце элемента.
Как использовать метод append() в JavaScript?
Чтобы использовать функцию append() в JavaScript, следуйте указанному ниже синтаксису:
$ ( селектор ) . добавить ( содержание, функция ( индекс, html ) )
Здесь:
- “ селектор ” — это HTML-элемент, к которому осуществляется доступ.
- “ добавить() ” используется для добавления элемента.
- “ содержание ” — это обязательный параметр, который определяет содержимое добавляемых данных.
- “ функция() ” — необязательный элемент.
Пример 1: добавление того же элемента в абзац
Чтобы добавить те же элементы в абзац, сначала откройте соответствующую HTML-страницу и используйте « », чтобы вставить данные между тегами. Кроме того, назначьте « идентификатор » к абзацу, чтобы получить к нему доступ в JavaScript:
< идентификатор p '=' 'элемент' > Добро пожаловать в Линуксинт п >
Далее создайте кнопку с помощью « <кнопка> » и используйте « сорт », чтобы указать конкретное имя и вставить текст с элементом кнопки, который будет отображаться на кнопке:
< кнопка сорт '=' 'кнопка' > Добавить элемент кнопка >Теперь используйте « <скрипт> », чтобы добавить код JavaScript:
< сценарий >
$ ( документ ) . готовый ( функция ( ) {
$ ( '.btn' ) . нажмите ( функция ( ) {
$ ( '#элемент' ) . добавить ( 'Добавлять текст при нажатии кнопки' ) ;
} ) ;
} ) ;
сценарий >
Согласно приведенному коду:
- “ готовый() ” используется для того, чтобы сделать функцию доступной, когда документ успешно загружен на экран. Для этого пройдите « функция() ” в качестве параметра.
- “ щелчок() ” вызывается, когда пользователь нажимает элемент HTML-кнопки. Этот метод определяет выполнение щелчка, когда пользователь нажимает кнопку.
- “ добавить() » вставляет набор объектов после выполнения « щелчок() метод. Для этого передайте текст, который необходимо добавить.
Выход
Пример 2. Добавление различных элементов в форму списка
Вы можете добавить различные элементы в виде списка. Для этого создайте HTML-страницу и вставьте текст с помощью кнопки « ' ярлык:
< идентификатор p '=' 'добавить' > Добавить JavaScript ( ) Функция п >Сделайте кнопку с помощью « <кнопка> » и используйте « по щелчку », которое происходит, когда пользователь щелкает элемент HTML:
< кнопка при нажатии '=' 'функция()' > Добавить элементы кнопка >Создайте контейнер div и назначьте идентификатор этому контейнеру, используя « идентификатор атрибут. Далее добавляем элементы с помощью кнопки « ' ярлык:
< идентификатор div '=' 'больше элементов' >< п > Элемент 1 п >
< п > Элемент 2 п >
див >
Далее использовал « <скрипт> ” и добавьте следующий код между тегами:
< сценарий >var номер элемента '=' 3 ;
функция функция ( ) {
был родителем '=' документ. получитьэлементбиид ( 'больше элементов' ) ;
был новыйЭлемент '=' '
Элемент'
+ номер элемента + '' ;родитель. вставкаAdjacentHTML ( 'до конца' и Элемент ) ;
номер элемента ++;
}
сценарий >
В вышеуказанном коде:
- Объявите переменную с помощью « был ключевое слово и присвойте ему значение в соответствии с вашими предпочтениями.
- Определите функцию и инициализируйте другую переменную внутри определенной функции с определенным именем.
- Затем вызовите « получитьэлемент по идентификатору() ” Метод JavaScript для доступа к элементу и передачи значения идентификатора в качестве параметра.
- “ вставить соседнийHTML() ” используется для добавления HTML-кода в указанную позицию и добавления элементов рядом друг с другом.
- Используйте оператор приращения, чтобы увеличить элемент:
Вы узнали об использовании метода append() в JavaScript на различных примерах.
Заключение
“ добавить() ” — это метод JavaScript, который используется для вставки элемента и объектов в конец определенного элемента. Вы можете добавлять один и тот же элемент и разные элементы в виде абзацев и списков. В частности, он может запускаться нажатием кнопки. Этот пост продемонстрировал метод append() в JavaScript.