CODEWITHSUNDEEP
javascriptjquery
ANIL JOSHI
ANIL JOSHI

Reputation: 41

cannot read property inner html of undefined

<script>

$(document).ready(function() {
var eventFired = function ( type ) {
var n = $('#demo_info')[0];
n.innerHTML += '<div>'+type+' event - '+new Date().getTime()+'</div>';
n.scrollTop = n.scrollHeight;      
}
$('#example')
.on( 'order.dt',  function () { eventFired( 'Order' ); } )
.on( 'search.dt', function () { eventFired( 'Search' ); } )
.on( 'page.dt',   function () { eventFired( 'Page' ); } )
.dataTable();
} );
</script>

error type:-cannot read property inner html of undefined type.javascript error

Upvotes: 1

Views: 316

Answers (3)

Govind Singh
Govind Singh

Reputation: 15490

You mix up JavaScript and jQuery.

Use:

var n = $('#demo_info');
n.html('<div>'+type+' event - '+new Date().getTime()+'</div>');

Upvotes: 2

Youness
Youness

Reputation: 1495

try this , hope it helps :) :

<script>

$(document).ready(function() {
var eventFired = function ( type ) {
$('#demo_info').each(function(){
this.innerHTML += '<div>'+type+' event - '+new Date().getTime()+'</div>';
this.scrollTop = this.scrollHeight;
});   
}
$('#example')
.on( 'order.dt',  function () { eventFired( 'Order' ); } )
.on( 'search.dt', function () { eventFired( 'Search' ); } )
.on( 'page.dt',   function () { eventFired( 'Page' ); } )
.dataTable();
} );
</script>

Upvotes: 1

Mritunjay
Mritunjay

Reputation: 25882

Jquery gets single element not array

use this

var n = $('#demo_info');

instead of

var n = $('#demo_info')[0];

Upvotes: 1

Related Questions