养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何获得jsp动态生成的div的值

时间:2024-11-14 14:10:28

在JSP中,可以添加HTML标签,但是有时为了需求的需要,需要动态生成标签元素和对堑霎夭酾应的值。那么,如何获得jsp动态生成的div的值?

如何获得jsp动态生成的div的值

工具/原料

JSP

JavaScript

CSS3

eclipse

Tomcat

WPS

截图工具

浏览器

方法/步骤

1、打开eclipse开发工具,新建web项目,并在根目录创建index.jsp

如何获得jsp动态生成的div的值

2、打开index.jsp文件,修改jsp编码格式,改为utf-8

如何获得jsp动态生成的div的值

3、在jsp文件中,引入jquery-3.4.1.min.js文件,并在主体元素中插入蟠校盯昂div标签,添加id属性

如何获得jsp动态生成的div的值

4、在jquery初始化函数中,定义一个字符串变量str,然后调用append方法追加元素

如何获得jsp动态生成的div的值

5、在body标签中,添加一个按钮;将项目部署到Tomcat中,启动服务,打开浏览器查看效果

如何获得jsp动态生成的div的值

6、返回eclipse工具,添加按钮点击事件函数,利用类选择器,获取动态div标签中的内容

如何获得jsp动态生成的div的值

7、再次保存代码并刷新浏览器,点击获取按钮,打开浏览器控制台,查看结果

如何获得jsp动态生成的div的值

© 一点知识