![](/img/trans.png)
[英]Js, document.getElementById("ID").innerHTML, error
[英]Want JS to continue if ID (document.getElementById) isn't found
我正在嘗試制作一個JavaScript,只是“忽略”缺少的div-id並繼續運行。 一直在尋找解決方案,但是大多數解決方案要么替換丟失的ID,要么將信息放入已經存在的ID中。 我只希望我的腳本“正常”,因為不會找到某些ID。
var Info01 = `Some text`;
document.getElementById("Info01").innerHTML = Info01;
var Info02 = `Some other text`;
document.getElementById("Info02").innerHTML = Info02;
如果不存在div-id“ Info01”,我希望它很酷,然后執行下一行,依此類推。
我一直在嘗試一些if語句,但我不足以讓我自己弄清楚它,而google並沒有為我提供所需的解決方案。
希望有人可以提供幫助!
嘗試這樣的事情:
檢查具有該ID的元素是否首先存在。
var Info01 = "Some text";
if(document.getElementById("Info01")) {
document.getElementById("Info01").innerHTML = Info01;
}
var Info02 = "Some other text";
if(document.getElementById("Info02")) {
document.getElementById("Info02").innerHTML = Info02;
}
Zachary McGee的答案再進一步一點。 您可以避免重復(並在DOM中獲取兩次ID):
const info01 = "Some text" const info02 = "Some other text"; const setText = (id, content) => { const item = document.getElementById(id) if (item === null) return item.innerText = content } setText("Info01", info01) setText("Info02", info02)
<div id="Info02"></div>
同樣不是我使用.innerText
而不是.innerHTML
,因為前者足以滿足您的問題,而后者則受XSS的約束 。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.