javascript - 记住 "click"之前的原始状态

Question

有一个按钮(实际上有很多)，它有一个事件处理程序:

el.onclick = function(){
    if(this.className.indexOf("minimized") != -1){
        this.firstChild.nodeValue = 'turn back';
        this.className = this.className.replace("minimized", 'expanded');
    }
    else if(this.className.indexOf("expanded") != -1){
        this.firstChild.nodeValue = 'what was there before the first click';
        this.className = this.className.replace("expanded", 'minimized');
    }
}

处理程序更改按钮的状态。

在第一次单击当前按钮之前记住文本节点并在第二次单击(在同一按钮上)时返回它的标准方法(模式)是什么？

<小时/>

您还记得 JavaScript 变量中的文本节点，而不是用于存储信息的 HTML 元素吗？

不使用全局变量。

Answer 1

您可以在元素本身上创建属性，例如:

el.onclick = function(){
    if(this.className.indexOf("minimized") != -1){
        this.originalText = this.firstChild.nodeValue; //store original
        this.firstChild.nodeValue = 'turn back';       //change it
        this.className = this.className.replace("minimized", 'expanded');
    }
    else if(this.className.indexOf("expanded") != -1){
        this.firstChild.nodeValue = this.originalText; //restore it
        this.className = this.className.replace("expanded", 'minimized');
    }
}