Properties 未捕获的TypeError:无法读取未定义的属性“innerHTML”,该怎么办?

Properties 未捕获的TypeError:无法读取未定义的属性“innerHTML”,该怎么办?,properties,undefined,innerhtml,typeerror,Properties,Undefined,Innerhtml,Typeerror,这是我的js代码,在与项目一起运行之后,我得到一个错误 未捕获的TypeError:无法读取未定义的属性“innerHTML” 怎么办 <code> $(document).ready(function() { var eventFired = function ( type ) { var n = $('#demo_info')[0]; n.innerHTML += '<div>'+type+' event - '+new Date().getTime(

这是我的js代码,在与项目一起运行之后,我得到一个错误 未捕获的TypeError:无法读取未定义的属性“innerHTML”

怎么办

<code>
$(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();
} );
</code>

你把普通JS和jQuery搞混了。$'demo_info'返回未定义innerHtml的jQuery对象。innerHtml在其上定义的是document.getElementById或JS中内置的其他类似函数返回的元素引用

因为您使用的是jQuery,所以只需使用它的html方法即可,该方法在内部调用innerHtml。这应该可以做到:

var old_html = n.html();
var new_html = '<div>' + type + ' event - ' + new Date().getTime() + '</div>';
n.html(old_html + new_html);
希望这有帮助