Question

我无法重置代码中的元素。我有一个代码，允许我每次单击都创建跨度。但是，每次单击都会创建其他跨度，而不会覆盖以前的跨度。我希望这个人不要保留以前的跨度值。

这是我的代码：

  const fieldText = document.getElementById('fieldDashboardText');

    if(info.title != undefined){
        isFields = true;
        isFirst = true;
        const title = info.title;

        fieldText.innerHTML = fieldText.innerHTML + '<a class="fiedsInVerbatimDashboard"> Title : </a>' + '<br>';
        let newTitle = title.replace(/[,.:;!?()"]+/g, '');
        newTitle = newTitle.replace(/[']+/g, ' ');
        const features = newTitle.split(' ');

        const positiveValues = app.generateLimeOpacity(positive, 'positive');
        const negativeValues = app.generateLimeOpacity(negative, 'negative');
        const newDataLime = [...positiveValues, ...negativeValues];
        var spanCounter = 0;

        console.log("Features in tile  : ", features);
        for (let i = 0; i < features.length; i++) {
            for (let j = 0; j < newDataLime.length; j++) {
                if (features[i] === newDataLime[j].label) {
                    spanCounter ++ 
                    // Max 12 span by each line for ver
                    if(spanCounter == 12){
                        spanCounter = 0;
                    }
                        features[i] =  `<span class="verbatim-dashboard__text__lime hide" style="background-color: ${newDataLime[j].rgba};">${features[i]}</span>`;
                    }
                }
            } 
            fieldText.innerHTML = fieldText.innerHTML + features.join(" ");
            fieldText.innerHTML = fieldText.innerHTML + '<br>';
        }

我希望每次单击都使fieldText常量为“空”，就像第一次调用一样。我希望我已经足够清楚了。预先谢谢你！

Answer 1

更改

16297
1.86599993706

到

fieldText.innerHTML = fieldText.innerHTML + features.join(" ");

Answer 2

您正在将features添加到先前的innerHTML。您将innerHTML设置为不具有现有concat的{{1}}功能。

innerHTML

重置文档getElementById

2 个答案: