Home >Web Front-end >JS Tutorial >JS dynamically create tag code example

JS dynamically create tag code example

怪我咯Original: 2017-07-07 14:59:051197browse

This article mainly uses examples to introduce how to dynamically create tags in js. Friends who need it can refer to it

The code is as follows:

<%@ 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 &#39;createElement.jsp&#39; 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>

The above is the detailed content of JS dynamically create tag code example. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：js method to set text color sample codeNext article：js method to set text color sample code

See more

JS dynamically create tag code example

Related articles