创建节点

最新推荐文章于 2024-05-28 00:30:00 发布
最新推荐文章于 2024-05-28 00:30:00 发布
阅读量2k 收藏 2
点赞数
分类专栏： JavaScript技术

在DOM中，文档的层次结构被表示为一棵倒立的树，树根在上，枝叶在下，树的节点表示文档中的内容。DOM树的根节点是个Document对象。

创建一个节点，通常借助于Document对象的createElement()方法来实现
createElement()方法的语法结构为：
document.createElement(String elementName)
document：文档对象模型
elementName：表示要创建的HTML元素的名称

在这里插入图片描述

<%@ 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>创建节点</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">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<style type="text/css">
		table{
			font-size: 14px;
		}
	</style>
	
	<script type="text/javascript">
		function createInput(){
			var element = document.createElement("input");	
			element.value="创建的文本框元素";
			document.getElementById("test").appendChild(element);
		}
	</script>
  </head>
  
  <body>
    <table background="bg.bmp" width="270" height="200">
    	<tr>
    		<td align="center">创建HTML元素</td>
    	</tr>
    	<tr>
    		<td id="test" align="center"></td>
    	</tr>
    	<tr>
    		<td align="center">
    			<input type="button" value="添 加" "createInput()"/>
    		</td>
    	</tr>
    </table>
  </body>
</html>
不善表演
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
创建节点三种方式和性能比较
YIMT的博客
05-13 625
创建节点三种方式和性能比较 一、document.write() 注意如果页面已经加载完成，再调用会导致页面重绘 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> </head> <body> <script> document.write('<h3&g
JQ 创建节点
08-13
本篇文章将深入探讨“JQ创建节点”的知识点，这在构建动态网页时非常关键。 首先，理解DOM（Document Object Model）是至关重要的。DOM是HTML或XML文档的结构化表示，允许程序和脚本动态更新、添加或删除页面元素。...
Javascript 创建新节点 document.createElement()
最新发布
大剑师兰特的GIS世界
05-28 1232
在JavaScript中，创建新节点是DOM操作的重要组成部分，它允许你动态地向文档中添加内容。以下是创建新节点的详细说明、示例代码、注意事项以及常见应用场景。
节点的创建、添加、删除
m0_63679126的博客
03-13 2286
节点的创建、添加、删除
jQuery简单创建节点的方法
10-21
本文将深入探讨jQuery中简单创建节点的方法，特别是如何利用`append`方法来添加元素，以及如何获取和操作节点。 首先，创建节点在jQuery中通常涉及创建元素、文本节点和属性节点。在提供的代码示例中，我们看到如何...
xml创建节点(根节点、子节点)
10-27
在本文中，我们将深入探讨如何在XML中创建节点，包括根节点和子节点，并通过一个具体的代码示例来展示这一过程。 首先，创建XML文档时，我们需要声明XML版本、字符编码和是否独立。这可以通过`XmlDocument`类的`...
创建节点.html
01-11
创建节点.html
创建节点和用法
qq_52263684的博客
09-26 439
创建节点 appendchild()的用法： 效果如下： insertBefore()的用法： 效果： removeChild()的用法： 效果： replaceChild()的用法： 效果：
创建新节点
chiguang1213的博客
12-18 989
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script> ...
创建一个节点Node
qq_38966867的博客
03-02 642
范例 int main(int argc, char *argv[]) { // init cyber framework apollo::cyber::Init(argv[0]); // create talker node auto talker_node = apollo::cyber::CreateNode("talker"); // create talker auto talker = talker_node->CreateWriter<Chatter>
如何产生一个节点
公众号：风景邮递Yuan的博客
12-23 285
LinkedList node_create(ElmType data){ LinkedList p=(LinkedList)malloc(sizeof(Node)); p->data=data; p->next=NULL; return p; } 关注公众号：你不知道的东东
创建节点类
m0_62243702的博客
05-06 223
节点的 创建及添加
weixin_52212950的博客
02-24 3159
学习了父节点与子节点，就可以进行节点的添加操作了，一个简易的留言板的创建就是利用了节点的添加和删除。 想要在页面添加一个新的元素，我们可以分成两步：1，创建节点 2，添加节点 一：创建节点 document.creatElement (想要添加的元素) 例如想在空的ul标签里添加一个li标签，首先我们要先创建一个li，以下操作就可以完成创建 <ul></ul> <script> var newele=document
js创建新节点
chuojiu6941的博客
05-04 286
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>创建节点及其属性</title> </head> &l...
创建一个html节点,HTML DOM 07 创建节点
weixin_33187554的博客
06-27 147
示例1:创建元素节点通过createElement创建一个新的元素节点接着把该元素节点，通过appendChild加入到另一个元素节点div1中Hello HTML DOMfunction add(){var hr=document.createElement("hr");var div1 = document.getElementById("d");div1.appendChild(hr)...
创建节点 添加节点
m0_62962469的博客
03-14 1476
document.createElement('tagName'); 创建由tagName指定的HTML元素，因为这些元素原先不存在，是根据我们的需求动态生成的，称为动态创建元素节点。 1.创建元素节点 document.createElement('tagName'); 2.添加节点node.appendChild(child) node是父级 child是子级 往后追加元素 类似于数组中的push 3.添加节点 node.insertBefore(child,指定元素) 往指定元素之前添加 总结
android 创建节点
05-30
在 Android 中创建节点通常指创建一个设备节点或者一个字符设备节点。以下是在 Android 中创建节点的简单步骤： 1. 确定节点名称和权限：在创建节点之前，需要确定节点的名称和权限。您可以为节点指定名称和权限，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值