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

Question

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

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

假设在我清除间隔之前循环运行了 10 次，我的文本看起来像，

我的文字xxxxxxxxxx

我希望它看起来像

xxxxxxxxxx我的文字xxxxxxxxxx

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)

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

javascript adding to beginning and end of innerhtml in a loop

javascript

append

innerhtml