js動態(tài)創(chuàng)建標(biāo)簽示例代碼
更新時間：2014年06月09日 10:20:08 作者：
這篇文章主要以示例的方式為大家介紹下js如何動態(tài)創(chuàng)建標(biāo)簽,需要的朋友可以參考下
復(fù)制代碼 代碼如下:
<%@ 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>
相關(guān)文章
Underscore 是一個 JavaScript 工具庫，它提供了一整套函數(shù)式編程的實用功能，但是沒有擴展任何 JavaScript 內(nèi)置對象。這篇文章主要介紹了underscore源碼分析相關(guān)知識，感興趣的朋友一起學(xué)習(xí)吧2015-12-12
本篇文章主要是對JS獲取地址欄參數(shù)的幾種方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
這篇文章主要大家詳細解析了微信QQ的二維碼登錄原理js代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-06-06
下面小編就為大家?guī)硪黄鶭S封裝animate運動框架的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
Rxjs?TakeUntil?操作符內(nèi)容梳理總結(jié)
這篇文章主要介紹了Rxjs?TakeUntil操作符內(nèi)容梳理總結(jié)，文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下2022-06-06
javascript完整操作Table的增加行，刪除行的列子大全
非常漂亮的js操作table行代碼函數(shù)。比較方便2008-10-10
這篇文章主要介紹了js簡單工廠模式用法,實例分析了javascript工廠模式的實現(xiàn)原理,需要的朋友可以參考下2015-06-06
這篇文章主要為大家詳細介紹了js圖片上傳前預(yù)覽功能，兼容所有瀏覽器，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
javascript實現(xiàn)禁止復(fù)制網(wǎng)頁內(nèi)容匯總
本文給大家匯總介紹了幾種使用javascript和CSS實現(xiàn)禁止復(fù)制頁面內(nèi)容的方法，非常的實用，有需要的小伙伴可以參考下。2015-12-12
實現(xiàn)select跳轉(zhuǎn)的方法有很多，本例為大家介紹的是js實現(xiàn)的，通過location.href獲取跳轉(zhuǎn)地址，需要的朋友可以看看2014-10-10