如何取div中包含的span的value

最新推荐文章于 2020-11-23 10:20:55 发布

转载最新推荐文章于 2020-11-23 10:20:55 发布 · 1.6k 阅读

文章标签：

#jsp #html

JScript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用JavaScript和jQuery从SPAN元素中获取文本内容。通过设置ID属性，可以利用innerHTML和innerText方法（JavaScript）或html和text方法（jQuery）来读取SPAN内的文本。此外，还介绍了不设置特定ID时如何操作。

1、使用javascript实现
    a、为span设置一个id，写如下js代码

       var value=document.getElementById("span的id属性").innerHTML;或

       var value=document.getElementById("span的id属性").innerText;
       
       就可以取出下面的span标签中间的文本

       innerHTML和innerText的区别再是能否识别html标签

2、使用jQuery实现
    a、为span设置一个id，写如下jquery代码

       $("#span的id属性").html()或者

        $("#span的id属性").text()

   b、不设置任何属性

          $("div span").html()取出div下第一个span的内容或者

          $("div span").text()取出div下所有span的内容