Accessing a property inside a method in javascript

Question

In the my script document is an object and querySelector is a method. But what is innerHTML? Is it a property?

document.querySelector('#heading').innerHTML = "Hello world";

If it is a property, how i can write my own properties and methods like that?

Such beginner questions like this must have been asked many times on SO. Why asking again? — user202729, Jan 21 '18 at 05:54
Refer this - https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector — Rishikesh Dhokare, Jan 21 '18 at 05:55
Yes it is a property. Here is a small example. https://www.w3schools.com/js/tryit.asp?filename=tryjs_object_method — Anthony McGrath, Jan 21 '18 at 06:10
It's a property of the *object returned by the method*. Just write a method that returns an object. — Bergi, Jan 21 '18 at 06:36
Ok, then it means innerHTML is a property inside querySelector? — gowtham Balasubramanian, Jan 21 '18 at 06:53

score -1 · Answer 1 · answered Jan 21 '18 at 05:59

the answer is yes. these are predefined objects, methods, and properties.

to create an object: var o = {};

to create a function: var f = function(){};;

since JS is a dynamic programming language you can always add functions and properties at any time.

in JS functions and objects are the same. so to both adding another function: f.add or o.add = function(a, b){return a+b};

and to both adding a property f.name or o.name = 'I'm Batman'

1 Answers1