Вставить элемент

    вставить текст

    константа.innerHTML = `<div>${etaps[i]}</div>`

    вставить элемент

    const divEtap = document.createElement('div')

    вставить стиль

    node.style.backgroundColor = 'black'

    вставить перед

    var insertedElement = parentElement.insertBefore(newElement, referenceElement);
    
    // insertedElement Вставленный элемент.
    // parentElement Родитель для нового элемента.
    // newElement Элемент для вставки.
    // referenceElement Элемент, перед которым будет вставлен newElement.

    Вставить

    let textNode = document.createTextNode('А вот и я');
    console.log(textNode)
    // текстовый узел без обрамления тегом
    // let div = document.createElement('div'); тег див создается

     

    пример 

    let div = document.createElement('div'); // создание див
    document.body.append(div); //поместить в боди
    node.append(...nodes or strings) – добавляет узлы или строки в конец node,
    node.prepend(...nodes or strings) – вставляет узлы или строки в начало node,
    node.before(...nodes or strings) –- вставляет узлы или строки до node,
    node.after(...nodes or strings) –- вставляет узлы или строки после node,
    node.replaceWith(...nodes or strings) –- заменяет node заданными узлами или строками.
    
    Например, здесь вставляется строка и элемент
    <div id="div"></div>
    <script>
      div.before('<p>Привет</p>', document.createElement('hr'));
    </script>

     

    вставить элемент

    Поиск