javascript - 如何删除已使用 += 添加到段落中的文本

Question

我第一次问这个问题就搞砸了。但是如何删除通过 += 添加到元素的文本。我的 JavaScript 看起来像这样:

printLetterByLetter(destination, message, speed){
    var i = 0;
    var interval = setInterval(function(){
        document.getElementById(destination).innerHTML += message.charAt(i);
        i++;
        if (i > message.length){
        clearInterval(interval)
        }
    }, speed);
}
function clear(destination){
document.getElementById(destination).innerHTML=""
}

和我的html:

<p id="storyStarter" onclick="document.getElementById(&quot;storyStarter&quot;).innerHTML=&quot;&quot;; printLetterByLetter(&quot;storyStarter&quot;,&quot; It all begins here&quot;,50)">Click To begin Story</p>
<a onclick="clear(&quot;storyStarter&quot;)">Clear Text</a>

它会打印到页面，但单击删除器不会删除文本。

Answer 1

这是因为名称 clear 已在浏览器中用于某些内容，可能是 document.clear method .

如果您为该函数使用不同的名称，它可以正常工作:

function printLetterByLetter(destination, message, speed){
    var i = 0;
    var interval = setInterval(function(){
        document.getElementById(destination).innerHTML += message.charAt(i);
        i++;
        if (i > message.length){
        clearInterval(interval)
        }
    }, speed);
}

function empty(destination){
  document.getElementById(destination).innerHTML=""
}

<p id="storyStarter" onclick="document.getElementById(&quot;storyStarter&quot;).innerHTML=&quot;&quot;; printLetterByLetter(&quot;storyStarter&quot;,&quot; It all begins here&quot;,50)">Click To begin Story</p>
<a onclick="empty(&quot;storyStarter&quot;)">Clear Text</a>