取span的文本和value值

来源:互联网 发布:新疆党章党规网络答题 编辑:程序博客网 时间:2024/06/06 07:23

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()来获取的呀,我泪奔了,逃走~~·

获取span的value值



在做项目的时候,为了取到span的value可谓费尽心思,其实问题很简单...

分析:首先我取到了span标签这个对象,好像很快就能取到value值了,我使用了jq里面的text(),val()等一些常用的取值方法,但是根本不行。

然后我看了看jq的api,在属性中有attr(),仔细看了看,一想就明白了,value不就是这个对象的属性?

解决:$("span").attr("value");


小小的积累,大大的未来。

原创粉丝点击