无法读取未定义的HTML内部属性

cannot read property inner html of undefined

本文关键字：HTML 内部 属性 未定义 读取      更新时间：2023-09-26
<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错误

你混淆了JavaScript和jQuery。

用途:

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

Jquery获取单个元素而非数组

使用这个

var n = $('#demo_info');
不是

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

试一下，希望能有所帮助:):

<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>
相关文章：