Javascript 設置樣式

| | | |

當值不屬於預期類型時,會生成 類型錯誤。與 undefined 不同,null 可能會在他們的程序中無意中被分配一個有價值的開發人員代碼。該錯誤表示缺少任何值或對象。該值是原始的和 false。

style 屬性用於獲取和設置文檔對像模型的 內聯樣式元素(DOM)。 DOM 是一種編程接口,表示您在網頁或文檔上看到的對象。您可以在控制台中操作此表示。

在本文中,我們將探討在 DOM 中使用 style 屬性時收到空錯字的原因,以及一些可能的解決方案。

p>

為什麼 JavaScript 在 DOM 中使用 Style 屬性生成空輸入錯誤

當嘗試使用 JavaScript 更新元素的樣式時,我們需要為正在調用的選擇器調用正確的值.以下是嘗試操作網頁或文檔中的元素時使用的 getElements

我們也可以使用document .querySelector ()document.querySelectorAll () 方法。

假設我們嘗試在文檔中添加以下內容

假設我們要修改列表中的第三個和項目。使用 DOM,代碼應如下所示:

但是,這段代碼會產生一個空錯誤,因為我們沒有一個名為“third”的標識符。我們試圖在 JavaScript 代碼中更改的 id 是一個缺失值。列表中第三項的標識名稱編碼為“fourth”。

當您輸入錯誤的值,或者忽略區分大小寫的重要性時,也可能會生成錯誤。

調試

我們可以通過任何一種方式修復此錯誤。我們可以將 HTML 代碼中的 ID 名稱從“fourth”更改為“third”,或者我們可以將 JavaScript 中的代碼更改為從“fourth”獲取 ID。由於為人類可讀性編寫代碼總是更好,我們只需將列表中第三項的 id 名稱更改為第三項。

結論

當試圖改變DOM中元素的樣式時,我們需要確保可以訪問正確的名稱。任何嘗試使用缺失值設置元素樣式都將導致零類型錯誤值。

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method