Changing name of all classes in html document with javascript

Question

I have a List that shows Products. When I click on one, I need to change the class of the <li> so as to show that it is clicked. I got this working... But what I can't do is clear the other <li> that have been previously clicked so as to show it is not selected anymore.

This is part of my code, what am I doing wrong? btw, my logic here is to first refresh all classes to notselected, and then just update the list with my product id number. this can be seen on the second line of code.

I'm new to javascript, and did my research, and this is what I got.

function showdetails(ProductID) {           
  document.getElementsByName("ProductList").className = "notselected";
  $("#"+ProductID).attr('class','selected');

thanks everyone. i'm giving the right answer to h2oooooo since he/she was the first to answer, and the code worked flawlessly. — CogentP
– CogentP, Commented Oct 28, 2013 at 18:38

h2ooooooo · Accepted Answer · 2013-10-28 18:26:00Z

3

Are you trying to do this?

function showdetails(ProductID) {    
    $("[name=ProductList].selected").removeClass('selected');
    $("#"+ProductID).addClass('selected');
}

answered Oct 28, 2013 at 18:26

h2ooooooo

39.6k8 gold badges70 silver badges107 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ajp15243 Over a year ago

This is definitely better, no need to complicate things with a notselected class, when the absence of the selected class tells you the same information.

lxe · Accepted Answer · 2013-10-28 18:28:12Z

0

I think you need to iterate across all elements returned in document.getElementsByName("ProductList") and change className to each element individually.

var productLists = document.getElementsByName('ProductList');
for (i = 0; i < productLists.length; i++) {
  productLists[i].className = 'notselected'
}

answered Oct 28, 2013 at 18:28

lxe

7,7772 gold badges24 silver badges33 bronze badges

2 Comments

ajp15243 Over a year ago

@Xander That tripped me up at first too, but this is .getElementsByName(), not .getElementsByTagName(). This one queries on the name attribute.

lxe Over a year ago

I was assuming they had <something name="ProductList"></something> which would satisfy the query.

Collectives™ on Stack Overflow

Changing name of all classes in html document with javascript

2 Answers 2

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related