Вставка элемента на страницу перед другим элементом с помощью JavaScript

Метод `insertBefore` в JavaScript используется для вставки нового элемента перед указанным элементом в дереве DOM.

Синтаксис метода `insertBefore` выглядит следующим образом:

javascript
parentNode.insertBefore(newNode, referenceNode);

Где:

• `parentNode` - это элемент, перед которым мы хотим вставить новый элемент.
• `newNode` - элемент, который мы хотим вставить.
• `referenceNode` - элемент, перед которым мы хотим вставить новый элемент.

Пример использования метода `insertBefore`:

html



  


  

    
Item 1
    
Item 2
    
Item 3
  
  Add Item
  

В приведенном примере у нас есть список `

` с несколькими элементами `
• `. При нажатии на кнопку "Add Item" будет вызвана функция `addItem()`, которая создает новый элемент списка `
• ` с текстом "New Item" и вставляет его перед первым элементом `
• ` с помощью метода `insertBefore`.

  Таким образом, результатом выполнения этого кода будет добавление нового элемента со значением "New Item" перед первым элементом списка:

  • New Item
  • Item 1
  • Item 2
  • Item 3

  Надеюсь, это поможет вам понять, как использовать метод `insertBefore` в JavaScript.