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

时间:2015-04-16 01:50:14

标签: javascript append innerhtml

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

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

让我们说在我清除间隔之前循环运行了10次,我的文字看起来像,

我的文字xxxxxxxxx

我希望它看起来像

xxxxxxxxxxMy Textxxxxxxxxxx

4 个答案:

答案 0 :(得分:3)

请尝试以下代码:

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

答案 1 :(得分:1)

直接使用元素的内容

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

答案 2 :(得分:1)

应该能够保存innerHTML:

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

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

答案 3 :(得分:0)

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