Javascript Laravel未捕获类型错误:无法读取属性';增补列表器';空的
我在控制台Javascript Laravel未捕获类型错误:无法读取属性';增补列表器';空的,javascript,php,laravel,Javascript,Php,Laravel,我在控制台uncaughttypeerror:无法读取null的属性'addEventListener',我使用的是Laravel 5.7,这是我的@section()代码: 我尝试了互联网上提供的许多解决方案,但都没有成功,我从我的另一个项目中复制了这段代码,它工作得很好,但在这里它不起作用。addEventListenerofnull意味着,getElementById返回了null,这意味着 刀片文件中没有ID为“textarea”的HTML元素 确保HTML标记id='textarea'
uncaughttypeerror:无法读取null的属性'addEventListener',我使用的是Laravel 5.7,这是我的@section()
代码:
我尝试了互联网上提供的许多解决方案,但都没有成功,我从我的另一个项目中复制了这段代码,它工作得很好,但在这里它不起作用。addEventListener
ofnull
意味着,getElementById
返回了null
,这意味着
刀片文件中没有ID为“textarea”的HTML元素
确保HTML标记id='textarea'
存在于目标元素上。addEventListener
的null表示,getElementById
返回null,这意味着刀片文件中没有id为“textarea”的HTML元素。确保HTML标记id='textarea'
存在于目标元素上。您在哪里调用expandTextarea(id)
?@Ibu请参阅@部分('scripts')
的最后第四行。将document.getElementById(id)
分配给一个变量。非常感谢@Mysteryos将此写在答案中,我会接受它。
@section('scripts')
<script type="text/javascript">
$(document).ready(function() {
function expandTextarea(id) {
document.getElementById(id).addEventListener('keyup', function() {
this.style.height = 0;
this.style.height = this.scrollHeight + 'px';
}, false);
}
expandTextarea('textarea');
});
</script>
@endsection
<!-- Scripts -->
<script src="{{ asset('public/js/app.js') }}"></script>
@yield('scripts')