无法读取undefined的属性内部html

Question

<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>

错误类型： - 无法读取未定义类型的内部html属性.javascript错误

Answer 1

你混淆了JavaScript和jQuery。

使用：

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

Answer 2

Jquery获取单个元素而不是数组

使用此

var n = $('#demo_info');

而不是

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

Answer 3

试试这个，希望它有帮助:)：

<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>