Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用document.querySelector从使用document.querySelector的节点选择特定的文本输出?_Javascript_Html_Css - Fatal编程技术网

Javascript 如何使用document.querySelector从使用document.querySelector的节点选择特定的文本输出?

Javascript 如何使用document.querySelector从使用document.querySelector的节点选择特定的文本输出?,javascript,html,css,Javascript,Html,Css,如何使用document.querySelectorAll从下面的代码中选择特定的文本输出 我希望将结果捕获到一个变量中,并尝试使用以下代码执行此操作: let result = document.querySelectorAll('.coinmarketcap-currency-widget'); querySelectorAll返回一个节点列表。我的问题是如何到达所需的特定子节点 我需要从span标记元素中选择值为0.044763 USD的文本。我的问题是如何到达需要0.044763 US

如何使用document.querySelectorAll从下面的代码中选择特定的文本输出

我希望将结果捕获到一个变量中,并尝试使用以下代码执行此操作:

let result = document.querySelectorAll('.coinmarketcap-currency-widget');
querySelectorAll返回一个节点列表。我的问题是如何到达所需的特定子节点

我需要从span标记元素中选择值为0.044763 USD的文本。我的问题是如何到达需要0.044763 USD的特定子节点

<div class="coinmarketcap-currency-widget">
<div style="border:2px">
<div><div style="float:right;width:67%;">

<span style="font-size: 18px;"><a href="http://coinmarketcap.com/" target="_blank">TRON (TRX)</a></span> <br>            
<span style="font-size: 16px;">

    0.044763 USD 

    <span style="color:#d14836">(-3.85%)</span></span>            
使用此selecor.coinmarketcap货币小部件div>span:last child获取目标span,并拆分innerHTML以获取值

让result=document.querySelectorAll.coinmarketcap货币小部件div>span:last child'; console.logresult[0].innerHTML.split使用此selecor.coinmarketcap货币小部件div>span:last child获取目标span,并拆分innerHTML获取值

让result=document.querySelectorAll.coinmarketcap货币小部件div>span:last child';
console.logresult[0].innerHTML.split我最终将以下内容作为一个简单的解决方案,并将其保存到一个变量中

document.getElementsByTagName('span')[1].innerText;

最后,我将以下内容作为一个简单的解决方案,并将其保存到一个变量中

document.getElementsByTagName('span')[1].innerText;

你需要有办法识别它。例如,在上面的例子中,它是1。其父级中的第二个跨度为2。一个跨度后的第一个跨度中有一个a,3。唯一包含USD…的范围最好是为您需要的范围分配一个id或类,并直接查询该元素?QuerySelector将返回与给定选择器匹配的节点列表。如果需要特定的子元素,则需要改进选择器代码,例如.coinmarketcap currency小部件span[style=font-size:16px;]或任何适合您的目标的代码。如果需要,可以轻松地将节点列表转换为数组,并将find与适当的谓词函数一起使用,例如。[].slice.applydocument.querySelectorAlldiv.find函数{return false;};-在匹配中返回true或truthy您需要有某种方法来识别它。例如,在上面的例子中,它是1。其父级中的第二个跨度为2。一个跨度后的第一个跨度中有一个a,3。唯一包含USD…的范围最好是为您需要的范围分配一个id或类,并直接查询该元素?QuerySelector将返回与给定选择器匹配的节点列表。如果需要特定的子元素,则需要改进选择器代码,例如.coinmarketcap currency小部件span[style=font-size:16px;]或任何适合您的目标的代码。如果需要,可以轻松地将节点列表转换为数组,并将find与适当的谓词函数一起使用,例如。[].slice.applydocument.querySelectorAlldiv.find函数{return false;};-对于OP,最好记住document的结果。querySelectorAll是一个类似数组的对象。即使只有一个结果,它仍将位于集合中。如果只需要文本节点内容,请不要使用innerhtml。@8472如果节点有混合内容文本+另一个节点,该怎么办?对于OP,最好记住document的结果。querySelectorAll是类似数组的对象。即使只有一个结果,它仍将位于集合中。如果只需要文本节点内容,请不要使用innerhtml。@如果节点有混合内容文本+另一个节点,该怎么办?