如何使用javascript獲取div內的div值？

Question

我需要弄清楚如何設置上一個Div的ID或獲取上一個DIV的值。 我不能使用下面的類，因為它們在代碼中反復使用。 也許是主要節點的子節點？

我嘗試四處搜尋，但沒有運氣。

<div class="designer-object adapter" id="73c8f274-e14f-4891-126e-67019bb100d1" data-previewcolor="" zindex="10008" style="width: 140px; height: 22px; left: 916px; top: 90px; z-index: 10008; opacity: 1;">
  <div class="labelControl">
    <div class="labelControlLabel" style="overflow: visible;">
      <div class="labelControlLabelTable">
        <div class="labelControlLabelCell" style="text-align: center; vertical-align: middle;">System Administrator</div>
      </div>
    </div>
  </div>
</div>

需要返回值System Administrator

Answer 1

首先，您可以通過在特定node而不是document上調用querySelector查詢選擇器的范圍，或者使用子（ ab ）或后代（ a>b ）選擇器。

其次，要獲取div的文本，只需讀取textContent屬性。

let parentId = '73c8f274-e14f-4891-126e-67019bb100d1';
let text = document.querySelector(`#${parentId} .labelControlLabelCell`).textContent;
console.log(text); // System Administrator 

Answer 2

只需使用getElementsByClassName()並使用索引即可。 這是一個很好的解釋 。 使用它時， document.getElementsByClassName("labelControlLabelCell")[index]其中index是div的數字，從0開始。因此您必須進行一些計數，但是它可以工作。

Answer 3

只需為元素分配一個id，如下所示：

<div class="labelControlLabelCell" id="dummyId" style="text-align: center; vertical-align: middle;">System Administrator</div>

然后使用以下方法獲取內容：

var x = document.getElementById("dummyId").textContent;