Could someone explain chaining methods in javascript?

Question

I don't quite understand chaining different methods in javascript, and where I can find a reference to different methods.
also, Im not sure if its properties of the selected element or methods. 
for example:
```JAVASCRIPT 
const paragraph = document.querySelector(".paragraph");
paragraph.style.color = "red"; // chaining style and color
``` 
However, I had trouble understanding the checked method
```JAVASCRIPT 
const checkbox = document.querySelector(".checkbox");
const checked = checkbox.checked // chaining checked method
if(checked == true) {
   // do something
} else {
  // do something else
}
``` 
From what I gather, the checked variable holds a boolean of either true or false. 
but I don't understand whats going on

Steven Parker · Accepted Answer

This is not the same thing as "chaining methods".
Generally "chaining methods" refers to when you call methods on the result of other methods.  It does look slightly similar in that it also uses dots, but the method calls will have parentheses, possibly with arguments in them.
Here, you are just using the dot notation for selecting an object property.  For example, "checked" is a property of a checkbox object, and as you said will either be true or false to show if the box has a mark in it.  And "style" is a property of a paragraph object, but it is itself also an object that has a "color" property.
Does that help?

Welcome to the Treehouse Community

Looking to learn something new?

Kristian Woods

Kristian Woods

Could someone explain chaining methods in javascript?

1 Answer

Steven Parker

Steven Parker

This is not the same thing as "chaining methods".

Kristian Woods

Kristian Woods