Javascript 从span类获取值
我想从Javascript 从span类获取值,javascript,html,Javascript,Html,我想从span中获取值,如下例所示 <span class="price bid down_trend">6259.00</span> 但是它能找到span的值吗?不要在类名中留空格: var bidValue = document.getElementsByClassName('price')[0].innerHTML; 或者使用查询选择器: var bidValue = document.querySelector('.price.bid').innerHTML;
span
中获取值,如下例所示
<span class="price bid down_trend">6259.00</span>
但是它能找到
span
的值吗?不要在类名中留空格:
var bidValue = document.getElementsByClassName('price')[0].innerHTML;
或者使用查询选择器
:
var bidValue = document.querySelector('.price.bid').innerHTML;
不要在类名中提供空格:
var bidValue = document.getElementsByClassName('price')[0].innerHTML;
或者使用查询选择器
:
var bidValue = document.querySelector('.price.bid').innerHTML;
如果您想使用jquery
$('.price.bid').html();
如果您想使用jquery
$('.price.bid').html();
我们开始:
<script>
$(document).ready(function(){
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
});
</script>
<p id="test">This is some <b>bold</b> text in a paragraph.</p>
<button id="btn1">Show Text</button>
<button id="btn2">Show HTML</button>
$(文档).ready(函数(){
$(“#btn1”)。单击(函数(){
警报(“文本:+$(“#测试”).Text();
});
$(“#btn2”)。单击(函数(){
警报(“HTML:+$(“#test”).HTML());
});
});
这是段落中的粗体文本
显示文本
显示HTML
希望有帮助;) 我们开始:
<script>
$(document).ready(function(){
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
});
</script>
<p id="test">This is some <b>bold</b> text in a paragraph.</p>
<button id="btn1">Show Text</button>
<button id="btn2">Show HTML</button>
$(文档).ready(函数(){
$(“#btn1”)。单击(函数(){
警报(“文本:+$(“#测试”).Text();
});
$(“#btn2”)。单击(函数(){
警报(“HTML:+$(“#test”).HTML());
});
});
这是段落中的粗体文本
显示文本
显示HTML
希望有帮助;) 我对这个问题的解决方案如下
var-dateVal=document.querySelectorAll('.date-active-span')[0]。innerHTML
console.log(“日期值为”,dateVal)
11
我对这个问题的解决方案如下
var-dateVal=document.querySelectorAll('.date-active-span')[0]。innerHTML
console.log(“日期值为”,dateVal)
11
Hmm您是对的,因为span包含许多类。你写的第二个选项看起来不错,我会试试:)但是在price.bid之后的类呢?可以有下降趋势
或上升趋势
。你能告诉我更多关于使用点
?它不应该看起来像document.querySelector('.price.bid')?标后带点
bid`?@Czarq92标后带点不需要。点
是一个类选择器,后跟类名。它将检查具有这两个类的元素price
和bid
。不管他们是否有其他课程,都无关紧要。看看这个文档,我尝试了document.querySelector('.price.bid')
,它返回了很多元素,怎么只得到一次?@Czarq92querySelector
只返回一个元素你能共享一把小提琴吗?嗯,你说得对,因为跨度包含了很多类。你写的第二个选项看起来不错,我会试试:)但是在price.bid之后的类呢?可以有下降趋势
或上升趋势
。你能告诉我更多关于使用点
?它不应该看起来像document.querySelector('.price.bid')?标后带点
bid`?@Czarq92标后带点不需要。点
是一个类选择器,后跟类名。它将检查具有这两个类的元素price
和bid
。不管他们是否有其他课程,都无关紧要。看看这个文档,我尝试了document.querySelector('.price.bid')
并且它返回了很多元素,为什么只返回一次?@Czarq92querySelector
只返回一个元素你可以共享一把小提琴吗?如果你需要代码中的一个元素,比如这里的元素,你应该用一个id标记它并使用getElementById()
或直接使用id访问,以避免收集大量不相关的元素并筛选它们以获得所需的元素。但我从其他网站获取信息,因此无法更改来源。如果您需要代码中的单个元素(如此处的元素),则应使用id标记它并使用getElementById()
或直接使用id访问,以避免收集大量不相关的元素并筛选它们以获得所需的元素。但我从其他网站获取信息,因此无法更改来源。