В този урок ще научите как да създадете елементи възли (createElement) и текстови възли (createTextNode). Имайте предвид и методи за добавяне на възли за дърво (appendChild. InsertBefore) и за отстраняване на дърво възли (removeChild).
Добавянето на възли за дърво
Добавянето на нов възел на дървото обикновено се провежда на 2 етапа:
- Създаване на необходимата възел се използва един от следните методи:
- createElement () - създава елемент (възел) от посоченото име (етикет). метод createElement (елемент) има един задължителен параметър (елемент) - низ, съдържащ името на новия член (таг). Посочете името на елемента (таг) в параметъра трябва да са с главни букви. В резултат на този метод се връща на елемента, който е бил създаден.
- createTextNode () - създава текстов възел с посочения текст. createTextNode метод (текст) има един задължителен параметър (текст) - низ, който съдържа текста на текст възел. В резултат на този метод връща текст възел, който е бил създаден.
- Посочете местоположението в дървото, където искате да вмъкнете възел. За да направите това, използвайте един от следните методи:
- appendChild () - добавя възел като последната детето на възела на елемент, за които се прави позоваване на този метод. Метод appendChild (възел) има един задължителен параметър е възелът (възел), който искате да добавите. В резултат на този метод връща добавя възел.
- insertBefore () - вмъква възел като възел дете елемент, за който се извиква метода. метод insertBefore (newNode, existingNode) има два параметъра: newNode (задължително) - на възел, който искате да добавите, existingNode (не задължително) - е дете възел на елемента, към които е необходимо да се вмъкне възел. Ако вторият параметър (existingNode) не показва, че този метод ще я поставете в края, т.е. като последното дете възел на елемента, което е причинило този метод. Като резултат insertBefore () метод връща добавя възел.
За да направите това, изпълнете следните стъпки:
appendChild () и insertBefore (), когато се работи със съществуващите възли
Работа със съществуващите методи възли appendChild () и insertBefore () също се провежда на 2 етапа:
- Получава съществуваща възел в дървото.
- Посочете мястото, където искате да вмъкнете възел, използвайки метода на appendChild () или insertBefore (). В този случай, възелът е отстранен от предишния място.
Например, за да добавите съществуващ елемент Ли. съдържащ текста "таблет" в горната част на списъка (в този случай той ще бъде премахнат от предишния местоположението):
отстраняване на възли
Изтриване на възел от дървото се провежда на 2 етапа:
- За да получите (да се намери) възел в дървото. Това действие обикновено се извършва по един от следните методи: getElementById (). getElementsByClassName (). getElementsByTagName (). getElementsByName (). querySelector () или querySelectorAll ().
- Причина за removeChild () в възел майка. който като параметър, трябва да положите възела, че искаме да се наложи да я премахнете.
removeChild () метод връща стойността на отдалечен възел, или нула. ако възелът искаме да изтриете не съществува.
Например, за да премахнете последния детето на елемент като идентификатор = "myID".
Например, за да изтриете всички деца възли на елемент като идентификатор = "myQuestion":
Свързани статии