Heim > Artikel > Web-Frontend > JS erstellt dynamisch ein Tag-Code-Beispiel
JS erstellt dynamisch ein Tag-Code-Beispiel
- 怪我咯Original
- 2017-07-07 14:59:051094Durchsuche
In diesem Artikel werden hauptsächlich Beispiele verwendet, um das dynamische Erstellen von Tags in js vorzustellen. Freunde, die es benötigen, können sich auf
Der Code lautet wie folgt:
<%@ 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("p1");
element.appendChild(para);
})
})
</script>
</head>
<body>
<p id="p1">
<p id="p1">
这是一个段落。
</p>
<p id="p2">
这是另一个段落。
</p>
</p>
<input type="button" id="but" value="添加">
</body>
</html>Das obige ist der detaillierte Inhalt vonJS erstellt dynamisch ein Tag-Code-Beispiel. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：js-Methode zum Festlegen des Beispielcodes für die TextfarbeNächster Artikel：js-Methode zum Festlegen des Beispielcodes für die Textfarbe