Javascript更改文本onClick然后再次更改

Question

我试图在点击时更改链接的文本,然后再次单击时再次更改回原始文本.我能更改文本,(从读更多...可关闭),但已经战斗再次更改文本(从接近读更多...)

 <script language="javascript">
 function changeText(idElement){
 if(idElement==1){
 document.getElementById('element'+idElement).innerHTML ='Close';
 } else if(idElement==2){
 document.getElementById('element'+idElement).innerHTML ='Close';
 }
 }
 </script>

 <a id="element1" onClick="javascript:changeText(1)">Read More...</a>
 <a id="element2" onClick="javascript:changeText(2)">Read More...</a>

在此先感谢您的帮助.

Answer 1

这应该工作:

function changeText(idElement) {
    var element = document.getElementById('element' + idElement);
    if (idElement === 1 || idElement === 2) {
        if (element.innerHTML === 'Read More...') element.innerHTML = 'Close';
        else {
            element.innerHTML = 'Read More...';
        }
    }
}

演示: http : //jsfiddle.net/UfVAH/

Answer 2

<a href="javascript:void(0)" onclick="if(this.innerHTML =='Read More'){this.innerHTML = 'Close'}else{this.innerHTML = 'Read More'}">Read More</a>

只需javascript:void(0);使用open/close函数更改,并确保返回false.