servlet的java文件中如何获取页面中span的值

servlet的java文件中如何获取页面中span的值,第1张

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

function test()

{

var spans=documentgetElementsByTagName("span");

var arr=[];

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

{

if(spans[i]id=="")

{arrpush("没有id属性");}

else

{arrpush(spans[i]id);}

}

alert(arrjoin("[+]"));

}

</script>

准确的说,提取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的内容

思路:根据标签名称获取所有span对象,然后根据类名筛选出目标对象,最后使用 innerHTML 属性获取文本。实例演示如下:

1、HTML结构

<span class="xing">姓氏</span>

<span class="name">名字</span>

<span class="sheng">籍贯</span> <br>

<input type='button' value='获取class=name的span' onClick="fun()"/>

2、javascript代码

function fun(){

obj = documentgetElementsByTagName("span");

class_name = "name";

for(i in obj){

if(obj[i]className == class_name){

alert(obj[i]innerHTML);

return

}

}

}

3、效果演示

推荐使用的是 PyCharm,大部分用的都是这个,还有一部分坚守再sublime text上:

mport urllib

from BeautifulSoup import BeautifulSoup

url = 连接;

allData=

content = urlliburlopen(url)read()

soup = BeautifulSoup(content)

tags1 = soupfindAll('tr', {class: even right})

tags2 = soupfindAll('tr', {class: odd right})

上面的就是利用写的一些代码,是要取出网页中class 为even right 的所有tr和所有class为odd right的所有tr取出之后就可以打印出他的内容。

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

不知道是不是这个意思

var span = $('#like_5920');

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

输出: 喜欢(1)

以上就是关于servlet的java文件中如何获取页面中span的值全部的内容,包括:servlet的java文件中如何获取页面中span的值、js 获取页面上的span var NodeList=document.getElementsByTagName ("span"); 怎么获取每个span的ID、如何取div中包含的span的value等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/10159027.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存