如果div中存在id，我需要做一些事情；如果不存在，請做其他事情

Question

我有下一個代碼：

<div class="container">
  <div>
   <iframe id="inside"></iframe>
  </div>
</div> 

如果id =“ inside”存在，我需要做一些事情，如果不存在，請做其他事情。 請注意，id =“ inside”位於另一個div內，並且該div位於具有class =“ container”的容器div中

我需要確定是否存在id =“ inside”（inside），無論介於和之間有多少div（因為如果此id =“ inside”存在或不存在，我只想知道並執行某些操作。

誰能幫我？

非常感謝！

Answer 1

您可以執行以下操作：

if(document.getElementById("inside")) {
    //do something since id exists
}
else{
    //do something else since id does not exist
}

它檢查帶有id的en元素是否存在，如果存在，則允許您執行一些代碼，否則執行其他代碼塊。

Answer 2

您可以為此使用querySelector。 僅當#inside作為.container的子代存在時，結果為true

const inside = document.querySelector('.container #inside');

if(inside) {
  console.log('inside exists');
} else {
  console.log('no inside');
}