js动态创建标签示例代码


Posted in Javascript onJune 09, 2014
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
<% 
String path = request.getContextPath(); 
String basePath = request.getScheme() + "://" 
+ request.getServerName() + ":" + request.getServerPort() 
+ path + "/"; 
%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<base href="<%=basePath%>"> 
<title>My JSP 'createElement.jsp' starting page</title> 
<meta http-equiv="pragma" content="no-cache"> 
<meta http-equiv="cache-control" content="no-cache"> 
<meta http-equiv="expires" content="0"> 
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
<meta http-equiv="description" content="This is my page"> 
<script type="text/javascript" 
src="<%=request.getContextPath()%>/jquery/jquery-1.7.min.js"></script> 
<script type="text/javascript"> 
$(function() { 
$("#but").click(function() { 
var para = document.createElement("p"); 
var node = document.createTextNode("这是新段落。"); 
para.appendChild(node); 
var element = document.getElementById("div1"); 
element.appendChild(para); 
}) 
}) 
</script> 
</head> 
<body> 
<div id="div1"> 
<p id="p1"> 
这是一个段落。 
</p> 
<p id="p2"> 
这是另一个段落。 
</p> 
</div> 
<input type="button" id="but" value="添加"> 
</body> 
</html>
Javascript 相关文章推荐
在Python中使用glob模块查找文件路径的方法
Jun 17 Javascript
分享javascript实现的冒泡排序代码并优化
Jun 05 Javascript
浅谈js中的in-for循环
Jun 28 Javascript
把多个JavaScript函数绑定到onload事件处理函数上的方法
Sep 04 Javascript
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤
Aug 07 Javascript
webpack3+React 的配置全解
Aug 21 Javascript
手动用webpack搭建第一个ReactApp的示例
Apr 11 Javascript
动态内存分配导致影响Javascript性能的问题
Dec 18 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
Feb 01 Javascript
Layui 导航默认展开和菜单栏选中高亮设置的方法
Sep 04 Javascript
Vue实现简单的跑马灯
May 25 Javascript
JavaScript常用进制转换及位运算实例解析
Oct 14 Javascript
jquery中 $.expr使用实例介绍
Jun 09 #Javascript
jQuery select表单提交省市区城市三级联动核心代码
Jun 09 #Javascript
javascript控制在光标位置插入文字适合表情的插入
Jun 09 #Javascript
js判断元素是否隐藏的方法
Jun 09 #Javascript
jQery使网页在显示器上居中显示适用于任何分辨率
Jun 09 #Javascript
javascript的动态加载、缓存、更新以及复用(一)
Jun 09 #Javascript
JavaScript利用正则表达式去除日期中的-
Jun 09 #Javascript
You might like
认识延迟时间为0的setTimeout
2008/05/16 Javascript
关于jquery动态增减控件的一些想法和小插件
2010/08/01 Javascript
js中如何复制一个对象并获取其所有属性和属性对应的值
2013/10/24 Javascript
纯js实现遮罩层效果原理分析
2014/05/27 Javascript
jquery实现的省市区三级联动
2015/04/02 Javascript
使用Node.js为其他程序编写扩展的基本方法
2015/06/23 Javascript
Node.js操作Firebird数据库教程
2016/03/04 Javascript
mvc 、bootstrap 结合分布式图简单实现分页
2016/10/10 Javascript
利用python获得时间的实例说明
2013/03/25 Python
python获取元素在数组中索引号的方法
2015/07/15 Python
Python类属性的延迟计算
2016/10/22 Python
利用python求解物理学中的双弹簧质能系统详解
2017/09/29 Python
Python基于PyGraphics包实现图片截取功能的方法
2017/12/21 Python
修复 Django migration 时遇到的问题解决
2018/06/14 Python
浅谈利用numpy对矩阵进行归一化处理的方法
2018/07/11 Python
Django中的文件的上传的几种方式
2018/07/23 Python
django做form表单的数据验证过程详解
2019/07/26 Python
pytorch 使用单个GPU与多个GPU进行训练与测试的方法
2019/08/19 Python
在Python中画图(基于Jupyter notebook的魔法函数)
2019/10/28 Python
python 实现turtle画图并导出图片格式的文件
2019/12/07 Python
Python3中configparser模块读写ini文件并解析配置的用法详解
2020/02/18 Python
CSS3的 fit-content实现水平居中
2017/09/07 HTML / CSS
GUESS盖尔斯法国官网:美国时尚品牌
2016/09/23 全球购物
马来西亚综合购物网站:Lazada马来西亚
2018/06/05 全球购物
西班牙购买隐形眼镜、眼镜和太阳镜网站:Lentiamo.es
2020/06/11 全球购物
介绍一下#error预处理
2015/09/25 面试题
python re模块和正则表达式
2021/03/24 Python
简历自我评价怎么写呢?
2014/01/06 职场文书
工作表现评语
2014/01/19 职场文书
护理专科自荐书范文
2014/02/18 职场文书
平安建设实施方案
2014/03/19 职场文书
2014年师德承诺书
2014/05/23 职场文书
2014年民警工作总结
2014/11/25 职场文书
手术室护士个人总结
2015/02/13 职场文书
小学班主任工作经验交流材料
2015/11/02 职场文书
分享一些Java的常用工具
2021/06/11 Java/Android