3

クリックするとリンクのテキストを変更し、もう一度クリックすると元のテキストに戻そうとしています。テキストを変更することはできますが（続きを読む...から閉じる）、テキストを再び変更するために戦っています（閉じるから続きを読む...） 

 <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>

よろしくお願いします。

4

5 に答える 5

11

これは機能するはずです：

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/

于 2012-08-27T17:31:42.603 に答える
7 
<a href="javascript:void(0)" onclick="if(this.innerHTML =='Read More'){this.innerHTML = 'Close'}else{this.innerHTML = 'Read More'}">Read More</a>

open / close関数でを変更し、javascript:void(0);必ずfalseを返します。

于 2013-09-06T08:05:20.120 に答える
0

関数は1つの値のみを呼び出し、一度呼び出されると、問題の要素は関数呼び出しを変更しません。

明確にするために、テキストを変更するのではなく、テキストを切り替える方法を使用する必要があると思います。リンクのテキストを必要に応じて変更するには、このチュートリアルの切り替え部分を参照してください。

于 2012-08-27T17:28:40.923 に答える
0

これは、要素がクリックされたときに関数が値を「閉じる」に設定しているだけだからです。設定する前に、値を確認する必要があります。したがって、次のように関数を変更する必要があります。

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

}

于 2012-08-27T17:32:01.030 に答える
0 
<script language="javascript">
function changeText(idElement){
    if(idElement==1){
        document.getElementById('element'+idElement).innerHTML ='<a href="http://www.google.com">Google</a>';
    } else if(idElement==2){
        document.getElementById('element'+idElement).innerHTML ='<a href="http://woork.blogspot.com">Woork</a>';
    }
}
</script>

<ul>
<li id="element1">Google</li>
<li id="element2">Woork</li>
</ul>
<a href="#" onClick="javascript:changeText(1)">Change Google into a link</a><br/>
<a href="#" onClick="javascript:changeText(2)">Change Woork into a link</a><br/>
于 2013-09-06T08:00:59.943 に答える