js动态创建标签示例代码
更新时间：2014年06月09日 10:20:08 作者：
这篇文章主要以示例的方式为大家介绍下js如何动态创建标签,需要的朋友可以参考下
复制代码 代码如下:
<%@ 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>
相关文章
这篇文章主要为大家详细介绍了微信小程序商品详情页底部弹出框，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
Javascript事件绑定的方法很多，很灵活。不过，作为比较简单的动态绑定，下面的代码看似正确，但得不到预期的效果。2010-12-12
这篇文章主要为大家详细介绍了p5.js实现动态图形临摹，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
这篇文章主要为大家详细介绍了JavaScript实现简易登录注册页面，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下<BR>2022-01-01
这篇文章主要为大家详细介绍了js实现多图和单图上传显示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
这篇文章主要介绍了JS的Form表单转JSON格式的操作代码，本文通过实例代码给大家讲解的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-05-05
JS的数组是一种特殊的对象,其特点是在值的列表中按照顺序存放值,在 JS中,数组是由中括号 [] 括起来的数值序列,本篇文章给大家介绍js数组高阶函数——includes()方法,感兴趣的朋友一起看看吧2023-12-12
ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法
这篇文章主要介绍了ionic由于使用了header和subheader导致被遮挡的问题的两种解决方法，本文介绍的非常详细，具有参考借鉴价值,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了微信小程序缓存支持二次开发封装实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-12-12
这篇文章主要为大家详细介绍了javascript实现前端分页功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
最新评论