JavaScript 在循环中添加 InnerHTML 的开头和结尾

Question

我有一个setInterval，每次通过循环，我都想在div中文本的开头和结尾添加一些东西。 假设我想添加字母"x"。 我只知道如何像这样添加到最后...

t=setInterval(function(){
document.getElementById('test').innerHTML +='x'
},1000)

假设循环在我清除间隔之前运行 10 次，我的文本如下所示：

我的文字xxxxxx

我希望它看起来像

xxxx

我的文本xx

Answer 1

尝试以下代码：

var tmpStr = document.getElementById('test').innerHTML;
tmpStr = 'a' + tmpStr + 'a';
document.getElementById('test').innerHTML = tmpStr;

Answer 2

直接使用元素的内容

t=setInterval(function(){
  var contents = document.getElementById('test').innerHtml
  document.getElementById('test').innerHTML = 'x' + contents + 'x'
},1000)

Answer 3

应该能够保存 innerHTML：

t = setInterval(function(){
  var el = document.getElementById('test');
  var text = el.innerHTML;
  el.innerHTML = 'x' + text + 'x';
},1000)

偶然。。。这似乎是一件奇怪的事情。

Answer 4

t=setInterval(function(){
var D = document.getElementById('test');
    D.innerHTML = "x"+D.innerHTML+"X";
},1000)