在Div Javascript中獲取價值
[英]Get value inside Div Javascript
問題描述
浩
我有一個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"值，因此我只需要它。
我感謝任何指點，我的朋友們！
5 個解決方案
解決方案1
2 已采納 2017-11-27 10:23:02
您可以使用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>
解決方案2
1 2017-11-27 10:25:34
使用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>
解決方案3
0 2017-11-27 10:21:43
問題是你如何首先訪問div。 如果你像你描述的那樣（使用gridcell0.innerHTML ）。 它將返回一個字符串。 不是HTML元素。
因此，您不能使用.getAttribute或.innerHTML ，因為您嘗試將其應用於字符串。 以不同方式訪問您的div（ querySelector或getElementBy... ），您將能夠使用它們。
解決方案4
0 2017-11-27 10:30:38
你可以使用jquery：
$("[class='DivOverflowNoWrap']").text();
$("[class='DivOverflowNoWrap']").attr("data-originaltext")
解決方案5
0 2017-11-30 07:56:27
這很簡單：
<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>
如何使用Javascript在li里面的ul里面獲取div里面的值？
[英]How to get value inside div inside ul inside li with Javascript?
如何使用純 Javascript 從 Div 內的 Span 獲取文本值
[英]How to get Text Value from Span inside Div with pure Javascript
如何從javascript中的div中的動態下拉列表中獲取選定的值
[英]How to get selected value from dynamic dropdown inside a div in javascript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.