前置第一次，第一次后更换

Question

我的html片段如下：

<div id="foo"><span id="bar"></span></div>

上面的标签之间没有空格。 我该怎么做才能满足我的要求：

1. 只使用一个带有javascript的语句。
2. 首次排除javascript语句，将textnode（存储在名为bazinga的变量中的字符串）添加到div＃foo。
3. 首次执行后替换textnode，我的意思是，第二次，第三次......执行javascript语句。

Answer 1

普通的旧javascript，使用全局变量记忆上一个动作... 用镀铬版测试的东西..

var firstReplace = true;
function replaceIntoElement(elmId){
    var div = document.getElementById(elmId);
    if(firstReplace){
        div.innerHTML = bazinga + div.innerHTML    
        return;
    }
    div.childNodes[0].nodeValue = bazinga;
}

看起来很优雅..即使使用全局变量很糟糕，但是再一次，bazinga也是全局的......;）

用法：

<button type="button" onclick="replaceIntoElement('foo')"> run me </button>