javascript在循环中添加到innerhtml的开头和结尾

我有一个setInterval，每次通过循环，我都想在div中文本的开头和结尾添加一些内容。假设我想添加字母“x”。我只知道如何添加到这样的结尾

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

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

我的短信XXXXXXXXX

我想让它看起来像

---

XXXXXXXXX我的文本XXXXXXXXX

请尝试以下代码：

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

---

请尝试以下代码：

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

---

直接使用元素的内容

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

---

直接使用元素的内容

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

---

应该只能够保存innerHTML：

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

---

顺便说一下。这似乎是一件奇怪的事情。

应该能够保存innerHTML：

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

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

顺便说一下。这似乎是一件奇怪的事情。

document.getElementById（'test'）.innerHTML=“x”+document.getElementById（'test'）.innerHTML+'x'

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