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

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

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>

Answer 2

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

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

 <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>

Answer 3

问题是你如何首先访问div。 如果你像你描述的那样（使用gridcell0.innerHTML ）。 它将返回一个字符串。 不是HTML元素。

因此，您不能使用.getAttribute或.innerHTML ，因为您尝试将其应用于字符串。 以不同方式访问您的div（ querySelector或getElementBy... ），您将能够使用它们。

Answer 4

你可以使用jquery：

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


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

Answer 5

这很简单：

 <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中获取价值

问题描述

5 个解决方案

解决方案1
2 已采纳 2017-11-27 10:23:02

解决方案2
1 2017-11-27 10:25:34

解决方案3
0 2017-11-27 10:21:43

解决方案4
0 2017-11-27 10:30:38

解决方案5
0 2017-11-30 07:56:27

在Div Javascript中获取价值

问题描述

5 个解决方案

解决方案1 2 已采纳 2017-11-27 10:23:02

解决方案2 1 2017-11-27 10:25:34

解决方案3 0 2017-11-27 10:21:43

解决方案4 0 2017-11-27 10:30:38

解决方案5 0 2017-11-30 07:56:27

解决方案1
2 已采纳 2017-11-27 10:23:02

解决方案2
1 2017-11-27 10:25:34

解决方案3
0 2017-11-27 10:21:43

解决方案4
0 2017-11-27 10:30:38

解决方案5
0 2017-11-30 07:56:27