0

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

  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);
2

1 ответ 1

0
// Получаете элемент по его идентификатору
let div = document.getElementById('element_id');

// Создаёте новый элемент '<span>'
let newSpan = document.createElement('span');
newSpan.textContent = 'Content';

// Добавляете созданный элемент в конец родительского
div.appendChild(newSpan);

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

2
  • это не совсем то что нужно автору...
    – ThisMan
    17 сен 2019 в 12:07
  • спс разобралса ))) 17 сен 2019 в 13:51

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.