Javascript 从文档getElementById重置数据

Javascript 从文档getElementById重置数据,javascript,html,Javascript,Html,我无法重置代码中的元素。 我有一个代码,允许我在每次单击时创建跨距。但是,每次单击都会创建附加跨距,而不会覆盖以前的跨距。我希望这一个不要保留以前的跨度值 这是我的代码: const fieldText = document.getElementById('fieldDashboardText'); if(info.title != undefined){ isFields = true; isFirst = true; const

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

这是我的代码:

  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>';
        }

const fieldText=document.getElementById('fieldDashboardText');
如果(info.title!=未定义){
isFields=true;
isFirst=true;
const title=info.title;
fieldText.innerHTML=fieldText.innerHTML+'标题:'+'
'; 让newTitle=title.replace(/[,.:;!?()“]+/g,”); newTitle=newTitle.replace(/[']+/g'); 常量特征=新标题拆分(“”); const positiveValues=app.generateTimeOpacity(正,'正'); const negativeValues=app.generateTimeOpacity(负,'负'); const newDataLime=[…正数值,…负数值]; var spanCounter=0; log(“磁贴中的特征:,特征”); for(设i=0;i'; }
我希望每次单击都能像第一次调用一样将fieldText常量设置为“空”。我希望我已经足够清楚了。
提前感谢!

您正在将
功能添加到以前的
innerHTML
中。您将
innerHTML
设置为功能,而不是现有的
innerHTML

fieldText.innerHTML = features.join(" ") + '<br>';
fieldText.innerHTML=features.join(“”+”
更改

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


const fieldText=document.getElementById('fieldDashboardText');fieldText.innerHTML=“”;我这么做了,代码不好吗?
fieldText.innerHTML = features.join(" ");