js動態(tài)創(chuàng)建標簽示例代碼
更新時間：2014年06月09日 10:20:08 作者：
這篇文章主要以示例的方式為大家介紹下js如何動態(tài)創(chuàng)建標簽,需要的朋友可以參考下
復制代碼 代碼如下:
<%@ 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事件綁定的方法很多，很靈活。不過，作為比較簡單的動態(tài)綁定，下面的代碼看似正確，但得不到預期的效果。2010-12-12
這篇文章主要為大家詳細介紹了p5.js實現動態(tài)圖形臨摹，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下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
這篇文章主要介紹了微信小程序緩存支持二次開發(fā)封裝實現解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-12-12
這篇文章主要為大家詳細介紹了javascript實現前端分頁功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11