Basic JS Object problem

dougal85

EDIT Forgot to show the html i am using.

	<div id="console">

</div>


function console(){

var id = document.getElementById('console');

this.add = add;


function add(message){

	this.id.innerHTML = message;

}
}


con = new console();

con.add("testing message");

Why does this not work?

I get the error, (taken from firebug);

this.id has no properties
[Break on this error] this.id.innerHTML = message;

scrupul0us

sounds like u are trying to use class objects, yet I see no class created, lest JS does OOP differently

dougal85

yup. js objects are funny. Infact they are functions.

I don't know whats wrong with the one i made above.

whisher06

<html>
<head>
<script>
function console(obj){
	this.add = function(message) {
		obj.innerHTML = message;
	};
};
window.onload=function(){
	var obj = document.getElementById('console');
	var con = new console(obj);
	con.add("testing message");
}
</script>
</head>
<body>
<div id="console">
</div>
</body>
</html>

Bye.

Ichiro

The problem is, what is "this" when the function is called. In some browsers it may be the page no matter what you do, is some browsers it may be the element you clicked on that "owns" the function call and so would be "this".

For more complete information, check out http://www.quirksmode.org/js/this.html