Question

96

Javascript change text onClick and then change back again

rated 0 times [ 101] [ 5] / answers: 1 / hits: 43555 / 12 Years ago, mon, august 27, 2012, 12:00:00

I am trying to change the text of a link on click and then change back again to the original when clicked again. I am able to change the text, (from READ MORE... to CLOSE) but have been fighting to change the text back again (from CLOSE to READ MORE...)

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

Thanks for any help in advance.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

minab

Add To Favorites

Follow

Total Points: 701

Total Questions: 104

Total Answers: 91

Location: Saint Pierre and Miquelon

Member since Fri, Jan 28, 2022

2 Years ago

minab questions

1 Update a Table with React Hooks when a Row is Added, Deleted and Modified? [Issue: Gets Before Post and Delete]

Sat, Jul 10, 21, 00:00, 3 Years ago

1 How to click one button that exists two times with same name?

Fri, Feb 7, 20, 00:00, 4 Years ago

1 Unable to copy array using setstate hook

Tue, Oct 1, 19, 00:00, 5 Years ago

1 How to change day-format (M > Mo, F > Fr...) in Date/month pickers of Vuetify

Tue, Aug 20, 19, 00:00, 5 Years ago

1 Bootstrap Modal is not working in React JS

Thu, Jul 25, 19, 00:00, 5 Years ago

View All

answered 12 Years ago marcos · Accepted Answer

This should work:

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...';

        }

    }

}

Demo: http://jsfiddle.net/UfVAH/