JQ和Js获取span标签的内容

秒速五厘米 2022-06-05 07:15 243阅读 0赞

[JQ和Js获取span标签的内容][JQ_Js_span]

### html: ###

1 <span id="content">‘我是span标签的内容’</span>

### javascript获取: ###

1 var cont=document.getElementById("content");
    2 console.log('innerText cont= '+ cont.innerText); 
    3 console.log('innerHtml cont= '+ cont.innerHTML); 
    4 //以上两条都能输出span标签的值‘我是span标签的内容’；

### jquery获取: ###

1 var cont=$("#content");
    2 console.log(cont.val()); //输出  (无值);
    3 console.log(cont.text()); //输出 ‘我是span标签的内容’;
    4 console.log(cont.html()); //输出 ‘我是span标签的内容’;

### 小知识： ###

**\*\*\***在JS中使用innerHTML时希望自己注意，不要写成了cont.innerHtml ，这样输出结果就是 undefined ；  
**\*\***在表单中习惯性的选用val()来获取值，但是在span标签继续想用val()方法的时候打印空值；  
**\***无奈想了一下，span这个容器需要用text()来获取的呀，我泪奔了，逃走~~·

分类: [ html][html], [JavaScript][], [jQuery][]

标签: [ JavaScript][JavaScript 1], [ jquery][jquery]

[JQ_Js_span]: http://www.cnblogs.com/anniey/p/6439021.html
[html]: http://www.cnblogs.com/anniey/category/944397.html
[JavaScript]: http://www.cnblogs.com/anniey/category/922632.html
[jQuery]: http://www.cnblogs.com/anniey/category/969073.html
[JavaScript 1]: http://www.cnblogs.com/anniey/tag/JavaScript/
[jquery]: http://www.cnblogs.com/anniey/tag/jquery/

发表评论取消回复

表情：

评论列表（有 0 条评论，243人围观）

还没有评论，来说两句吧...

相关阅读

相关 js获取span的文本和value值

[20190827105553893.png][] 在做一个功能的时候需要获取到如图所示选中span的value值和内容很久没搞过，就开始了一系列尝试 **h...

矫情吗；*/ 2024年04月17日 14:09/ 0 赞/ 97 阅读

相关＜span＞标签里面的内容替换

html代码： <span id='span' >12345</span> js代码： document.getElementById("span").i

淡淡的烟草味﹌/ 2022年12月13日 04:18/ 0 赞/ 183 阅读

相关 xpath通过文本内容定位span标签

本来很简单的一个问题。就是xpath在谷歌浏览器控制台编写调试的时候，要用单引号，不然报错。比如：这样子写是错误的 ![2020082811583673.png][]

快来打我*/ 2022年12月01日 15:59/ 0 赞/ 388 阅读

相关 JS和JQ得到标签的属性和标签内的值

js获取html的span标签的值 <span id="testid">aaaa</span> 方法一：.innerText var x1 = docum

深藏阁楼爱情的钟/ 2022年06月09日 09:27/ 0 赞/ 212 阅读

相关 jQuery设置和获取span的内容（详解）

先看个示例，示例代码如下： \[html\] view plain copy print ? 1. <html> 2. <head> 3.

今天药忘吃喽~/ 2022年06月05日 07:15/ 0 赞/ 743 阅读

相关 JQ和Js获取span标签的内容

[JQ和Js获取span标签的内容][JQ_Js_span] html: 1 <span id="content">‘我是span标签的内容’</span

秒速五厘米/ 2022年06月05日 07:15/ 0 赞/ 244 阅读

相关 js中增加标签删除标签和input修改获取内容

1、增加标签创建标签：document.createElement('标签id名') 在某一标签内的最后面插入标签：c.appendChild（b)； //即给c加

拼搏现实的明天。/ 2022年04月23日 04:26/ 0 赞/ 376 阅读

相关 js、jq获取和设置textArea标签的内容

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Ty

Myth丶恋晨/ 2022年03月12日 02:22/ 0 赞/ 1178 阅读

相关 span 标签内容过长时，省略显示

<style> .text-shenglue{ display:block; word-break:keep-all; white-space:nowrap; over

清疚/ 2022年02月19日 11:21/ 0 赞/ 820 阅读

相关 BeautifulSoup 获取第二个span标签内容

场景声明下：这里把span标签替换成a标签是一样的逻辑。 <a href="http://example.com/elsie" class="sister"

迷南。/ 2021年09月15日 11:14/ 0 赞/ 440 阅读