Hướng dẫn what does uncaught typeerror cannot set properties of null setting innerhtml )? - lỗi gõ uncaught không thể thiết lập các thuộc tính của null setting innerhtml) là gì?

Tại sao tôi nhận được một lỗi hoặc loại chưa được xử lý: Không thể đặt thuộc tính 'InternalHtml' của NULL? Tôi nghĩ rằng tôi đã hiểu InternalHtml và đã có nó hoạt động trước đây.

Pherricoxide

15.1k2 Huy hiệu vàng27 Huy hiệu bạc41 Huy hiệu đồng2 gold badges27 silver badges41 bronze badges

Hỏi ngày 14 tháng 8 năm 2013 lúc 18:25Aug 14, 2013 at 18:25

Bạn phải đặt div

7 trước tập lệnh, để nó tồn tại khi tập lệnh được tải.

RBT

22.3K20 Huy hiệu vàng151 Huy hiệu bạc219 Huy hiệu đồng20 gold badges151 silver badges219 bronze badges

Đã trả lời ngày 14 tháng 8 năm 2013 lúc 18:31Aug 14, 2013 at 18:31

Erik Godarderik GodardErik Godard

5.7706 Huy hiệu vàng29 Huy hiệu bạc33 Huy hiệu Đồng6 gold badges29 silver badges33 bronze badges

2

Trước tiên chúng ta hãy cố gắng hiểu nguyên nhân gốc rễ là lý do tại sao nó xảy ra ở vị trí đầu tiên.

Tại sao tôi nhận được một lỗi hoặc loại chưa được xử lý: Không thể đặt thuộc tính 'InternalHtml' của NULL?

Trình duyệt luôn tải toàn bộ HTML DOM từ trên xuống dưới. Bất kỳ mã JavaScript nào được viết bên trong các thẻ

8 (có trong phần

9 trong tệp HTML của bạn) được thực thi bởi công cụ kết xuất trình duyệt ngay cả trước khi toàn bộ DOM của bạn (các thẻ phần tử HTML khác nhau có trong thẻ cơ thể) được tải. Các tập lệnh có trong thẻ

9 đang cố gắng truy cập một phần tử có ID

7 ngay cả trước khi nó thực sự được hiển thị trong DOM. Vì vậy, rõ ràng, JavaScript không thấy phần tử và do đó bạn cuối cùng thấy lỗi tham chiếu null.

Làm thế nào bạn có thể làm cho nó hoạt động như trước?

Bạn muốn hiển thị thông báo HI trên trang ngay khi người dùng lần đầu tiên đặt trên trang của bạn. Vì vậy, bạn cần kết nối mã của mình tại một điểm khi bạn hoàn toàn chắc chắn về thực tế là DOM được tải đầy đủ và phần tử ID

7 có thể truy cập/có sẵn. Nó có thể đạt được theo hai cách:hi message on the page as soon as the user lands on your page for the first time. So you need to hook up your code at a point when you are completely sure of the fact that DOM is fully loaded and the

7 id element is accessible/available. It is achievable in two ways:

1. Sắp xếp lại các tập lệnh của bạn: Bằng cách này, các tập lệnh của bạn chỉ bị kích hoạt sau khi DOM chứa phần tử ID

   7 của bạn đã được tải. Bạn có thể đạt được nó bằng cách di chuyển thẻ tập lệnh sau tất cả các phần tử DOM, tức là ở phía dưới nơi thẻ
   4 kết thúc. Vì kết xuất xảy ra từ trên xuống dưới để cuối cùng các tập lệnh của bạn được thực thi và bạn không phải đối mặt với lỗi.: This way your scripts get fired only after the DOM containing your
   7 id element is already loaded. You can achieve it by simply moving the script tag after all the DOM elements i.e. at the bottom where
   4 tag is ending. Since rendering happens from top to bottom so your scripts get executed in the end and you face no error.

2. Sử dụng sự kiện móc nối: Công cụ kết xuất của trình duyệt cung cấp một móc dựa trên sự kiện thông qua sự kiện

   5 cung cấp cho bạn gợi ý rằng trình duyệt đã hoàn thành tải DOM. Vì vậy, vào thời điểm mà sự kiện này bị sa thải, bạn có thể yên tâm rằng phần tử của bạn có ID
   7 đã được tải trong DOM và bất kỳ JavaScript nào sau đó cố gắng truy cập phần tử này sẽ không thất bại. Vì vậy, bạn làm một cái gì đó như dưới đây đoạn mã. Xin lưu ý rằng trong trường hợp này, tập lệnh của bạn hoạt động mặc dù nó có mặt ở đầu tài liệu HTML của bạn bên trong thẻ
   9.: Browser's rendering engine provides an event based hook through
   5 event which gives you the hint that browser has finished loading the DOM. So by the time when this event gets fired, you can be rest assured that your element with id
   7 already loaded in the DOM and any JavaScript fired thereafter which tries to access this element will not fail. So you do something like below code snippet. Please note that in this case, your script works even though it is present at the top of your HTML document inside the
   9 tag.

Đã trả lời ngày 11 tháng 4 năm 2017 lúc 8:59Apr 11, 2017 at 8:59

RBTRBTRBT

22.3K20 Huy hiệu vàng151 Huy hiệu bạc219 Huy hiệu đồng20 gold badges151 silver badges219 bronze badges

2

Đã trả lời ngày 14 tháng 8 năm 2013 lúc 18:31

Erik Godarderik GodardAug 14, 2013 at 18:33

Colyn1337Colyn1337Colyn1337

5.7706 Huy hiệu vàng29 Huy hiệu bạc33 Huy hiệu Đồng2 gold badges17 silver badges27 bronze badges

1

Trước tiên chúng ta hãy cố gắng hiểu nguyên nhân gốc rễ là lý do tại sao nó xảy ra ở vị trí đầu tiên.

window.onload = function() {

        what();

        function what() {
            document.getElementById('hello').innerHTML = 'hi';
        };

    }

Tại sao tôi nhận được một lỗi hoặc loại chưa được xử lý: Không thể đặt thuộc tính 'InternalHtml' của NULL?Feb 1, 2016 at 6:09

Trình duyệt luôn tải toàn bộ HTML DOM từ trên xuống dưới. Bất kỳ mã JavaScript nào được viết bên trong các thẻ

8 (có trong phần

9 trong tệp HTML của bạn) được thực thi bởi công cụ kết xuất trình duyệt ngay cả trước khi toàn bộ DOM của bạn (các thẻ phần tử HTML khác nhau có trong thẻ cơ thể) được tải. Các tập lệnh có trong thẻ

9 đang cố gắng truy cập một phần tử có ID

7 ngay cả trước khi nó thực sự được hiển thị trong DOM. Vì vậy, rõ ràng, JavaScript không thấy phần tử và do đó bạn cuối cùng thấy lỗi tham chiếu null.RIYAJ KHAN

Làm thế nào bạn có thể làm cho nó hoạt động như trước?5 gold badges30 silver badges52 bronze badges

1

Bạn muốn hiển thị thông báo HI trên trang ngay khi người dùng lần đầu tiên đặt trên trang của bạn. Vì vậy, bạn cần kết nối mã của mình tại một điểm khi bạn hoàn toàn chắc chắn về thực tế là DOM được tải đầy đủ và phần tử ID

7 có thể truy cập/có sẵn. Nó có thể đạt được theo hai cách:

Sắp xếp lại các tập lệnh của bạn: Bằng cách này, các tập lệnh của bạn chỉ bị kích hoạt sau khi DOM chứa phần tử ID

7 của bạn đã được tải. Bạn có thể đạt được nó bằng cách di chuyển thẻ tập lệnh sau tất cả các phần tử DOM, tức là ở phía dưới nơi thẻ

4 kết thúc. Vì kết xuất xảy ra từ trên xuống dưới để cuối cùng các tập lệnh của bạn được thực thi và bạn không phải đối mặt với lỗi.

Sử dụng sự kiện móc nối: Công cụ kết xuất của trình duyệt cung cấp một móc dựa trên sự kiện thông qua sự kiện

5 cung cấp cho bạn gợi ý rằng trình duyệt đã hoàn thành tải DOM. Vì vậy, vào thời điểm mà sự kiện này bị sa thải, bạn có thể yên tâm rằng phần tử của bạn có ID

7 đã được tải trong DOM và bất kỳ JavaScript nào sau đó cố gắng truy cập phần tử này sẽ không thất bại. Vì vậy, bạn làm một cái gì đó như dưới đây đoạn mã. Xin lưu ý rằng trong trường hợp này, tập lệnh của bạn hoạt động mặc dù nó có mặt ở đầu tài liệu HTML của bạn bên trong thẻ

9.1 gold badge1 silver badge12 bronze badges

Đã trả lời ngày 11 tháng 4 năm 2017 lúc 8:59Feb 1, 2016 at 5:59

user5323957user5323957user5323957

RBTRBT1 gold badge8 silver badges21 bronze badges

1

Bạn có thể nói với JavaScript thực hiện hành động "onload" ... hãy thử với điều này:

RBT

22.3K20 Huy hiệu vàng151 Huy hiệu bạc219 Huy hiệu đồng20 gold badges151 silver badges219 bronze badges

Đã trả lời ngày 14 tháng 8 năm 2013 lúc 18:31Aug 14, 2013 at 18:30

Erik Godarderik GodardJT Nolan

5.7706 Huy hiệu vàng29 Huy hiệu bạc33 Huy hiệu Đồng1 gold badge9 silver badges17 bronze badges

2

Trước tiên chúng ta hãy cố gắng hiểu nguyên nhân gốc rễ là lý do tại sao nó xảy ra ở vị trí đầu tiên.

Tại sao tôi nhận được một lỗi hoặc loại chưa được xử lý: Không thể đặt thuộc tính 'InternalHtml' của NULL?May 23, 2015 at 5:28

Trình duyệt luôn tải toàn bộ HTML DOM từ trên xuống dưới. Bất kỳ mã JavaScript nào được viết bên trong các thẻ

8 (có trong phần

9 trong tệp HTML của bạn) được thực thi bởi công cụ kết xuất trình duyệt ngay cả trước khi toàn bộ DOM của bạn (các thẻ phần tử HTML khác nhau có trong thẻ cơ thể) được tải. Các tập lệnh có trong thẻ

9 đang cố gắng truy cập một phần tử có ID

7 ngay cả trước khi nó thực sự được hiển thị trong DOM. Vì vậy, rõ ràng, JavaScript không thấy phần tử và do đó bạn cuối cùng thấy lỗi tham chiếu null.Apr 8, 2016 at 7:14

1

Làm thế nào bạn có thể làm cho nó hoạt động như trước?

Bạn muốn hiển thị thông báo HI trên trang ngay khi người dùng lần đầu tiên đặt trên trang của bạn. Vì vậy, bạn cần kết nối mã của mình tại một điểm khi bạn hoàn toàn chắc chắn về thực tế là DOM được tải đầy đủ và phần tử ID

7 có thể truy cập/có sẵn. Nó có thể đạt được theo hai cách:Aug 22, 2016 at 17:27

Sắp xếp lại các tập lệnh của bạn: Bằng cách này, các tập lệnh của bạn chỉ bị kích hoạt sau khi DOM chứa phần tử ID

7 của bạn đã được tải. Bạn có thể đạt được nó bằng cách di chuyển thẻ tập lệnh sau tất cả các phần tử DOM, tức là ở phía dưới nơi thẻ

4 kết thúc. Vì kết xuất xảy ra từ trên xuống dưới để cuối cùng các tập lệnh của bạn được thực thi và bạn không phải đối mặt với lỗi.HTML on a page have to loaded before javascript code. Resolving in 2 ways:

Sử dụng sự kiện móc nối: Công cụ kết xuất của trình duyệt cung cấp một móc dựa trên sự kiện thông qua sự kiện

5 cung cấp cho bạn gợi ý rằng trình duyệt đã hoàn thành tải DOM. Vì vậy, vào thời điểm mà sự kiện này bị sa thải, bạn có thể yên tâm rằng phần tử của bạn có ID

7 đã được tải trong DOM và bất kỳ JavaScript nào sau đó cố gắng truy cập phần tử này sẽ không thất bại. Vì vậy, bạn làm một cái gì đó như dưới đây đoạn mã. Xin lưu ý rằng trong trường hợp này, tập lệnh của bạn hoạt động mặc dù nó có mặt ở đầu tài liệu HTML của bạn bên trong thẻ

9.

//or set time out like this:

Đã trả lời ngày 11 tháng 4 năm 2017 lúc 8:59

RBTRBTMar 2, 2019 at 6:48

0

Bạn có thể nói với JavaScript thực hiện hành động "onload" ... hãy thử với điều này:Jul 23, 2017 at 7:31

1

Đã trả lời ngày 14 tháng 8 năm 2013 lúc 18:33

1.5862 Huy hiệu vàng17 Huy hiệu bạc27 Huy hiệu đồng

Chỉ cần đặt JS của bạn vào

5

Đã trả lời ngày 1 tháng 2 năm 2016 lúc 6:09Aug 20, 2017 at 21:02

Riyaj Khanriyaj Khan

1

14.8k5 Huy hiệu vàng30 Huy hiệu bạc52 Huy hiệu Đồng

2

then.

Đã trả lời ngày 23 tháng 1 năm 2019 lúc 21:33Jan 23, 2019 at 21:33

Thêm jQuery vào

window.onload = function() {

        what();

        function what() {
            document.getElementById('hello').innerHTML = 'hi';
        };

    }

0

3

Sử dụng $ document.ready (): Mã có thể nằm trong

window.onload = function() {

        what();

        function what() {
            document.getElementById('hello').innerHTML = 'hi';
        };

    }

0 hoặc trong một tệp riêng biệt như main.js : the code can be in

window.onload = function() {

        what();

        function what() {
            document.getElementById('hello').innerHTML = 'hi';
        };

    }

0 or in a separate file like main.js

1) Sử dụng JS trong cùng một tệp (thêm điều này trong

window.onload = function() {

        what();

        function what() {
            document.getElementById('hello').innerHTML = 'hi';
        };

    }

0):

4

2) Sử dụng một số tệp khác như main.js (thêm cái này trong

window.onload = function() {

        what();

        function what() {
            document.getElementById('hello').innerHTML = 'hi';
        };

    }

0):

5

và thêm mã trong tệp main.js :)

Đã trả lời ngày 9 tháng 10 năm 2016 lúc 21:08Oct 9, 2016 at 21:08

abe312abe312abe312

4.60533 Huy hiệu bạc22 Huy hiệu đồng33 silver badges22 bronze badges

Bạn cần thay đổi

window.onload = function() {

        what();

        function what() {
            document.getElementById('hello').innerHTML = 'hi';
        };

    }

4 thành

window.onload = function() {

        what();

        function what() {
            document.getElementById('hello').innerHTML = 'hi';
        };

    }

5. Về mặt kỹ thuật bên trong có nghĩa là nó nằm trong phần

window.onload = function() {

        what();

        function what() {
            document.getElementById('hello').innerHTML = 'hi';
        };

    }

6.

Change:

1

vào trong

7

Doing:

8

Sẽ quay

9

mà thực sự không có ý nghĩa.

Bạn cũng có thể cố gắng thay đổi:

8

vào điều này

1

Để làm cho nó hoạt động.

Đã trả lời ngày 8 tháng 4 năm 2016 lúc 7:12Apr 8, 2016 at 7:12

Lỗi là tự giải thích nó không nhận được thẻ HTML mà bạn muốn đặt dữ liệu để cung cấp thẻ cho JS thì chỉ bạn có thể đặt dữ liệu thành đó.

Đã trả lời ngày 18 tháng 10 năm 2019 lúc 5:45Oct 18, 2019 at 5:45

ShubhamshubhamShubham

6096 Huy hiệu bạc7 Huy hiệu Đồng6 silver badges7 bronze badges

0

Không còn nghi ngờ gì nữa, hầu hết các câu trả lời ở đây đều chính xác, nhưng bạn cũng có thể làm điều này:

2

Đã trả lời ngày 28 tháng 5 năm 2020 lúc 10:57May 28, 2020 at 10:57

Có những nguyên nhân có thể khác nhau như được thảo luận chỉ muốn thêm điều này cho một người có thể có cùng vấn đề với tôi.

Trong trường hợp của tôi, tôi đã bị thiếu một Div gần như được hiển thị bên dưới

3

Thiếu một div gần có thể dẫn đến sự vô tổ chức của chuyển đổi từ con đến cha mẹ hoặc cha mẹ đến con do đó dẫn đến lỗi khi bạn cố gắng truy cập một phần tử trong DOM

Đã trả lời ngày 15 tháng 7 năm 2020 lúc 4:24Jul 15, 2020 at 4:24

ElizabethelizabethElizabeth

1562 Huy hiệu bạc9 Huy hiệu Đồng2 silver badges9 bronze badges

2

Đặt DOM tải. Để làm một cái gì đó trong DOM, bạn phải tải nó trước. Trong trường hợp của bạn, bạn phải tải thẻ

window.onload = function() {

        what();

        function what() {
            document.getElementById('hello').innerHTML = 'hi';
        };

    }

7 trước. Sau đó, bạn có một cái gì đó để sửa đổi. Nếu bạn tải JS trước thì chức năng đó đang tìm kiếm

window.onload = function() {

        what();

        function what() {
            document.getElementById('hello').innerHTML = 'hi';
        };

    }

8 của bạn để làm những gì bạn yêu cầu làm, nhưng khi thời điểm đó,

window.onload = function() {

        what();

        function what() {
            document.getElementById('hello').innerHTML = 'hi';
        };

    }

8 của bạn đang tải và chức năng của bạn không thể tìm thấy

window.onload = function() {

        what();

        function what() {
            document.getElementById('hello').innerHTML = 'hi';
        };

    }

8. Vì vậy, bạn có thể đặt tập lệnh vào cuối trang. Bên trong thẻ

1 thì hàm có thể truy cập

window.onload = function() {

        what();

        function what() {
            document.getElementById('hello').innerHTML = 'hi';
        };

    }

7 vì DOM đã được tải trong thời gian bạn nhấn tập lệnh.

Đã trả lời ngày 4 tháng 8 năm 2020 lúc 19:41Aug 4, 2020 at 19:41

HeshanhhhheshanhhHeshanHH

5835 Huy hiệu bạc9 Huy hiệu Đồng5 silver badges9 bronze badges

Tôi đã di chuyển thẻ của mình bên dưới thẻ. Hãy thửscript> tag below the <body> tag. Let’s try

4

Đã trả lời ngày 20 tháng 4 năm 2021 lúc 12:00Apr 20, 2021 at 12:00

Điều này đã xảy ra với tôi khi sử dụng thẻ mẫu django trên một kiểm tra if -che để xem liệu có giá trị có sẵn cho một trường không - nếu không có giá trị tôi đã xóa mọi thứ liên quan đến giá trị từ trang để giữ mọi thứ gọn gàng là vấn đề duy nhất là nội dung tôi Đã loại bỏ bao gồm Div và ID mà tôi đang cố gắng làm việc cùng! Nếu có một giá trị hiện diện thì không có vấn đề gì vì div chứa ID mà tôi đang làm việc có mặt. Nếu không có giá trị, tôi đã nhận được lỗi. Một khi nó đánh tôi, đó là những gì đang diễn ra thì dễ dàng sửa chữa để chỉ thêm div vào đó nếu kiểm tra là sai.

Trước

5

Sau

6

Đã trả lời ngày 27 tháng 8 năm 2021 lúc 3:06Aug 27, 2021 at 3:06

Kiểu mẫu không thể nào không thể đặt thuộc tính bên trong của null?

Điều gì không thể đặt thuộc tính của null có nghĩa là gì?

Thuộc tính bên trong làm gì?

Tại sao bên trong không hoạt động?