Javascript DOM манипулирует данными из JSON файла

Question

Здравствуйте, мне интересно, может ли кто-нибудь помочь мне с решением моей проблемы. У меня есть страница HTML, где мне нужно удалить текст, например что-то, чтобы удалить что-то, затем извлечь значение из файла JSON и использовать его с внутренним HTML или текстовым содержимым. также у меня есть hrefs, заполнители и изображения в файле JSON, которые мне нужно заполнить.

Я знаю, что так

function emir() {
    let p = document.querySelector("p");
    let h = document.querySelector("h1");
    let s = document.querySelector("img");
    fetch("./data.json")
        .then(res => res.json())
        .then(data => {
            console.log(data[0].img);
            p.innerHTML = data[0].title
            h.innerHTML = data[0].desc
            s.src = data[0].img;
        });

    console.log(s);
    console.log(p)
}
emir();

, но один парень сказал мне использовать функцию что-то (htmlString , манипуляция Array), где я понимал манипуляцию Array, которая должна быть объектом, который, если что-то случится с JSON файлом, будет таким, как этот

{
   tag: ‘h1’,
   id: ‘whatever’,
   class: ‘emir’,
   attribute: ‘innerHtml’,
   value: ‘newValue’,
}

Я ищу более профессиональный способ, как этот манипуляционный массив. Таким образом, первым параметром будет фактический HTML, с которым вам нужно манипулировать

. Для простоты давайте предположим, что HTML дан вам в виде строки. Итак, у вас есть функция emirton (htmlString) {} Теперь возьмем ваш пример Допустим, htmlString - большая строка, но где-то есть строка «Эмир». Вы сказали «удалить Эмира». Как узнать, какую из них удалить? Вы должны указать на это правильно? Вам нужно указать, искать элемент h1 с классом «emir», и если такой элемент существует, очистить внутренний Html