Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/78.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 从span类获取值_Javascript_Html - Fatal编程技术网

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')
,它返回了很多元素,怎么只得到一次?@Czarq92
querySelector
只返回一个元素你能共享一把小提琴吗?嗯,你说得对,因为跨度包含了很多类。你写的第二个选项看起来不错,我会试试:)但是在
price.bid之后的类呢?可以有
下降趋势
上升趋势
。你能告诉我更多关于使用点
?它不应该看起来像
document.querySelector('.price.bid')?标后带点
bid`?@Czarq92标后带点不需要。点
是一个类选择器,后跟类名。它将检查具有这两个类的元素
price
bid
。不管他们是否有其他课程,都无关紧要。看看这个文档,我尝试了
document.querySelector('.price.bid')
并且它返回了很多元素,为什么只返回一次?@Czarq92
querySelector
只返回一个元素你可以共享一把小提琴吗?如果你需要代码中的一个元素,比如这里的元素,你应该用一个id标记它并使用
getElementById()
或直接使用id访问,以避免收集大量不相关的元素并筛选它们以获得所需的元素。但我从其他网站获取信息,因此无法更改来源。如果您需要代码中的单个元素(如此处的元素),则应使用id标记它并使用
getElementById()
或直接使用id访问,以避免收集大量不相关的元素并筛选它们以获得所需的元素。但我从其他网站获取信息,因此无法更改来源。