javascript - Laravel 未捕获类型错误 : Cannot read property 'addEventListener' of null

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

null 的

addEventListener 意味着，getElementById 返回了null，这意味着，

Blade 文件中没有 ID 为“textarea”的 HTML 元素。

确保 HTML 标记 id='textarea' 出现在您定位的元素上。