JS获取span的内容

JS获取span的内容,第1张

不知道楼主是要获得span里的什么东西, 你的span里是一个<a>标签元素啊

不知道是不是这个意思

var span = $('#like_5920');

alert($(span)find('a')text());

输出: 喜欢(1)

准确的说,提取span标签中间的内容可以使用javascript实现或者使用jQuery实现

1、使用javascript实现

a、为span设置一个id,写如下js代码

var value=documentgetElementById("span的id属性")innerHTML;或

var value=documentgetElementById("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的内容

将你写的这段代码 放到 $(function(){}) 里面吧。<br>$(function(){<br> var result="教师"; //这里是获得的值,假设为教师<br> $("#power")text(result); //给SPAN里赋值 <br> var power=$("#power")text(); //获取SPAN里的值<br> if(power=="教师"){<br> alert("HELLO");<br> }<br>});

将这个js(jquery-getHtml-valuejs)文件引入到你的页面中,将$("#ImageButton1")html()替换成$("#ImageButton1")formhtml (),具体代码:如下

(function($) {

var oldHTML = $fnhtml;

$fnformhtml =function() {

if (argumentslength) return oldHTMLapply(this,arguments);

$("input,textarea,button", this)each(function() {

thissetAttribute('value',thisvalue);

});

$(":radio,:checkbox", this)each(function() {

if (thischecked) thissetAttribute('checked', 'checked');

else thisremoveAttribute('checked');

});

$("option", this)each(function() {

if (thisselected) thissetAttribute('selected', 'selected');

else thisremoveAttribute('selected');

});

return oldHTMLapply(this);

};

})(jQuery);

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>zhidao</title>

</head>

<body>

<p><input type="checkbox" value="1" checked><span>1</span></p>

<p><input type="checkbox" value="2"><span>2</span></p>

<p><input type="checkbox" value="3"><span>3</span></p>

共计:<span id="all"></span>

<script type="text/javascript">

var allinput=documentgetElementsByTagName('input');

var all=documentgetElementById("all");

function getNextElement(node){

if(nodenextSiblingnodeType == 1){ //判断下一个节点类型为1则是“元素”节点

return nodenextSibling;

}

if(nodenextSiblingnodeType == 3){ //判断下一个节点类型为3则是“文本”节点 ,回调自身函数

return getNextElement(nodenextSibling);

}

return null;

}

for(var i=0;i<allinputlength;i++)

{

if(allinput[i]checked)

{

consolelog(allinput[i]);

allinnerHTML+=allinput[i]value;

}

allinput[i]onclick=function()

{

var _this=this;

if(_thischecked==true)

{

consolelog(_this);

allinnerHTML =parseInt(allinnerHTML,10)+parseInt(getNextElement(_this)innerHTML,10);

}

else

{

consolelog(_this);

allinnerHTML =parseInt(allinnerHTML,10)-parseInt(getNextElement(_this)innerHTML,10);

}

}

}

</script>

</body>

</html>

获取下一个span的innerHTML来判断转化,把里面的值转化为十进制整数,再相加

直接取不到的。只能在表单提交之前通过javascript吧值丢到某个隐藏input控件里边然后提交表单。

<%

if request("spanVal") <> "" then

responsewrite request("spanVal")

responseend

end if

%>

<html>

<body>

<form action="" onsubmit="documentgetElementById('spanVal')value = documentgetElementById('span1')innerHTML;">

<input type="hidden" value="" name="spanVal" id="spanVal" />

<span id="span1">some value</span>

<input type="submit" value="Test" />

</form>

</body>

</html>

Servlet的java文件中只能获取到3大域的值即sesssion、request、application三大域。所以想要获取页面span的值,必须在页面中将需要传递的值通过三大域的SetAttribute方法来添加到三大域范围中,这样就可以将页面中span的值传递到Servlet的java文件中。其中页面拥有page域,并称四大域。

以上就是关于JS获取span的内容全部的内容,包括:JS获取span的内容、如何取div中包含的span的value、Jquery获取span里的值并比较等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9744684.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存