javascript - 在 Div Javascript 中获取值

Question

呵呵，

我有一个像这样访问的 div:

 var gridcellrowvalue0 = gridcell0.innerHTML;

这会返回以下 div:

 <div class="DivOverflowNoWrap Ellipsis" style="width:100%;" data-textwidth="50" data-originaltext="DefaultText" data-ingrid="1">DefaultText</div>

在我的 JS 中，我想访问 "DefaultText" 变量，我试过这个:

 gridcellrowvalue0.innerHTML;
 gridcellrowvalue0.getAttribute("data-originaltext");

但是它们都不起作用。我假设 getAttribute 不起作用，因为它不是真正的元素，它是 innerhtml。

我的目标是在 IF 语句中使用 "DefaultText" 值，因此我只需要它。

我感谢任何指点，我的 friend 们!

Answer 1

您可以使用 gridcell0.querySelector('.DivOverflowNoWrap') 直接从 gridcell0 访问您的元素，例如:

var gridcell0 = document.querySelector('#x');
console.log( gridcell0.querySelector('.DivOverflowNoWrap').innerHTML );

片段:

var gridcell0 = document.querySelector('#x');

if (gridcell0.querySelector('.DivOverflowNoWrap') !== null) {
  console.log(gridcell0.querySelector('.DivOverflowNoWrap').innerHTML);
} else {
  console.log('Does not exist');
}

<div id="x">
  <div class="DivOverflowNoWrap Ellipsis" style="width:100%;" data-textwidth="50" data-originaltext="DefaultText" data-ingrid="1">DefaultText</div>
</div>