javascript - 使用 Javascript 函数访问 JSON 元素以动态加载内容

Question

我尝试使用 JSON 和 JavaScript 动态加载我的内容。不幸的是，当尝试迭代 JSON 中的所有元素时，我得到以下错误函数

loadContent.js:15 Uncaught (in promise) ReferenceError: Invalid left-hand side in assignment
    at loadContent.js:15
    at Array.forEach (<anonymous>)

我访问 json 的函数看起来我的 JavaScript 如下所示：

function loadJSON(path) {
    fetch("../data/main.json")
        .then((response) => {
            return response.json()
        })
        .then((data) => {
            console.log(data)

            data.forEach(element => {
                //Befüllung von <template für artikel>

                var first = document.getElementById('first');
                var clone = first.content.cloneNode(true);

                clone.querySelector('figure a') = element.url;
                clone.querySelector('.article-content a h2') = element.heading;
                clone.querySelector('img') = element.src;


                document.getElementsByClassName('hero-inner').appendChild(clone);
            });
        })
        .then((err) => {
            console.log(err);
        });
}

JSON 如下所示：

[{
    "url": "https://futurezone.at/science/alles-zu-meteoriten-und-asteroiden-die-sich-2020-der-erde-naehern/401027129",
    "src": "img/rightsection/pc/asteroiden.jpg",
    "data": "Tauriden-Meteorschauer erreicht Höhepunkt"
}]

任何人都可以帮助我吗？

标签： javascriptjson