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"值，因此我只需要它。

我感谢任何指针，我的朋友们！

Answer 1

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

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>

Answer 2

使用Javascript也可以实现，但我在这里使用 jQuery

进行展示

＆＃13;

$('document').ready(function() {
  var div = $(".DivOverflowNoWrap");
  var text = div.text();

  alert(text);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="DivOverflowNoWrap Ellipsis" style="width:100%;" data-textwidth="50" data-originaltext="DefaultText" data-ingrid="1">DefaultText</div>

＆＃13;

Answer 3

您可以使用jquery：

$("[class='DivOverflowNoWrap']").text();


$("[class='DivOverflowNoWrap']").attr("data-originaltext")

Answer 4

这很简单：

<html><head></head>
<div class="DivOverflowNoWrap Ellipsis" style="width:100%;" data-textwidth="50" data-originaltext="DefaultText" data-ingrid="1">DefaultText</div>
<script>
test();
function test(){
var x=document.getElementsByClassName("DivOverflowNoWrap Ellipsis")[0].getAttribute("data-originaltext");
alert(x);
}
</script>
</html>

在Div Javascript中获取价值

4 个答案: