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

时间:2024-10-12 07:35:29

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的值
© 手抄报圈