Вставить элемент в любое место документа

127
27 июля 2021, 14:10

Есть функция, которая добавляет данные в конец документа. Как сделать так, что бы данные добавлялись в середину документа/в любое место.

  async function getDataFromCnbc() {
    const response = await fetch("https://corsproxy.glitch.me/https://www.cnbc.com/id/10000664/device/rss/rss.html");
    const xml = await response.text();
    const xmlDocument = new DOMParser().parseFromString(xml, "text/xml");
    for(const node of xmlDocument.querySelectorAll("item")) {
        const details = document.createElement("details");
        const summary = document.createElement("summary");
        summary.append(node.querySelector("title"));        
        const description = document.createElement("description");
        description.innerHTML = node.querySelector("description").textContent;        
        const link = document.createElement("a");
        link.href = node.querySelector("link").textContent;
        link.textContent = "Read more";  
        details.append(summary, description, link);
        document.body.append(details);
    }
  }
  document.addEventListener("DOMContentLoaded", getDataFromCnbc);
Answer 1
// Получаете элемент по его идентификатору
let div = document.getElementById('element_id');
// Создаёте новый элемент '<span>'
let newSpan = document.createElement('span');
newSpan.textContent = 'Content';
// Добавляете созданный элемент в конец родительского
div.appendChild(newSpan);

Подробная информация в документации MDN

READ ALSO
Странное поведение функции toFixed

Странное поведение функции toFixed

Вот я обрезаю одно число:

116
Затемнение картинки с помощью другой картинки

Затемнение картинки с помощью другой картинки

Есть картинка, и другая как просто темная, я хочу чтобы при наведении чтобы одна оставалась такой же(основная), а вторая ложилась поверх ее и давала...

195
Работа с парами в методах C++

Работа с парами в методах C++

Есть метод, работающий с очередью пар dequeНужно, чтобы при определенных входных данных, метод, работал либо с первой частью пары, либо со второй

272