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 相关文章推荐
js汉字排序问题 支持中英文混排,兼容各浏览器,包括CHROME
Dec 20 Javascript
JS获取月的最后一天与JS得到一个月份最大天数的实例代码
Dec 16 Javascript
jquery选择器排除某个DOM元素的方法(实例演示)
Apr 25 Javascript
一个简单的jquery进度条示例
Apr 28 Javascript
JavaScript使用RegExp进行正则匹配的方法
Jul 11 Javascript
javascript实现根据3原色制作颜色选择器的方法
Jul 17 Javascript
JavaScript必知必会(七)js对象继承
Jun 08 Javascript
使用BootStrap实现悬浮窗口的效果
Dec 13 Javascript
详解vue.js全局组件和局部组件
Apr 10 Javascript
轻量级JS Cookie插件js-cookie的使用方法
Mar 22 Javascript
Vue 利用指令实现禁止反复发送请求的两种方法
Sep 15 Javascript
JS正则表达式常见函数与用法小结
Apr 13 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
晶体管单管来复再生式收音机
2021/03/02 无线电
ThinkPHP框架实现数据增删改
2017/05/07 PHP
TP5框架使用QueryList采集框架爬小说操作示例
2020/03/26 PHP
juqery 学习之四 筛选过滤
2010/11/30 Javascript
jquery获得页面元素的坐标值实现思路及代码
2013/04/15 Javascript
javascript自然分类法算法实现代码
2013/10/11 Javascript
html文件中jquery与velocity变量中的$冲突的解决方法
2013/11/01 Javascript
JS获取IP、MAC和主机名的五种方法
2013/11/14 Javascript
手机端页面rem宽度自适应脚本
2015/05/20 Javascript
简单谈谈axios中的get,post方法
2017/06/25 Javascript
浅谈webpack编译vue项目生成的代码探索
2017/12/11 Javascript
浅谈vux之x-input使用以及源码解读
2018/11/04 Javascript
微信小程序HTTP接口请求封装的实现
2019/02/21 Javascript
微信小程序实现左侧滑栏过程解析
2019/08/26 Javascript
[49:42]DOTA2上海特级锦标赛主赛事日 - 3 胜者组第二轮#2Secret VS EG第一局
2016/03/04 DOTA
[04:51]TI10典藏宝瓶Ⅱ外观视频展示
2020/08/15 DOTA
Python抓取百度查询结果的方法
2015/07/08 Python
PyQt5每天必学之QSplitter实现窗口分隔
2018/04/19 Python
TensorFlow实现非线性支持向量机的实现方法
2018/04/28 Python
Django REST framework视图的用法
2019/01/16 Python
python实现接口并发测试脚本
2019/06/25 Python
python使用if语句实现一个猜拳游戏详解
2019/08/27 Python
判断Threading.start新线程是否执行完毕的实例
2020/05/02 Python
python实现批量命名照片
2020/06/18 Python
Python urllib3软件包的使用说明
2020/11/18 Python
python压包的概念及实例详解
2021/02/17 Python
打造经典复古风格的品牌:Alice + Olivia(爱丽丝+奥利维亚)
2016/09/07 全球购物
台湾良兴购物网:EcLife
2019/12/01 全球购物
成语的广告词
2014/03/19 职场文书
大学生村官座谈会发言材料
2014/05/25 职场文书
求职信标题怎么写
2014/05/26 职场文书
理发店策划方案
2014/06/05 职场文书
2014年妇幼保健工作总结
2014/12/08 职场文书
中国梦党课学习心得体会
2016/01/05 职场文书
幽默口才训练经典句子(48句)
2019/08/19 职场文书
分析Python list操作为什么会错误
2021/11/17 Python