Laravel Uncaught TypeError：无法读取null的属性'addEventListener'

Question

我在控制台Uncaught TypeError: Cannot read property 'addEventListener' of null中遇到此错误，我正在使用 Laravel 5.7 ，这是我的@section()代码：

@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

这是app.blade.php

<!-- Scripts -->
<script src="{{ asset('public/js/app.js') }}"></script>
@yield('scripts')

我尝试了许多Internet上提供的解决方案，但徒劳无功，我从其他项目中复制了此代码，在该项目中效果很好，但在这里却不起作用。

Answer 1

addEventListener中的

null表示getElementById返回了null，表示

刀片文件中没有ID为'textarea'的HTML元素。

确保要定位的元素上有HTML标签id='textarea'。