`
zjcheng
  • 浏览: 91982 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js创建元素笔记

阅读更多
function showAreaData(weekId){
			
				var currTR = event.srcElement.parentNode;
				
				if(hasData==true && lastCell == weekId){
					
					for(var s = 1 ; s <= n ; s ++){
						currTR.parentNode.removeChild(currTR.nextSibling);
					}
					hasData = false;
					
				}else{
					if(hasData == true && lastCell != weekId){
						for(var s = 1 ; s <= n ; s ++){
							lastTR.parentNode.removeChild(lastTR.nextSibling);
						}
						hasData = false;
					}
					var productType = form.productType.value;
					var businessType = form.businessType.value;
					var serviceLevel = form.serviceLevel.value;
					var customGroup = form.customGroup.value;
					var areaId = form.areaNo.value;
					
					//alert(areaId+" "+weekId+" "+productType+" "+businessType+" "+serviceLevel+" "+customGroup);
					
					var xmlhttp = createXHR();
				  	xmlhttp.onreadystatechange = function(){
				  		if(xmlhttp.readyState == 4){
					        if(xmlhttp.status == 200){
					        	var responseText = xmlhttp.responseText;
					        	
					        	var trs = responseText.split("<tr>");
					        	
					        	for(var i = 1 ; i < trs.length; i ++ ){
					        		n = i;
					        		var tr = trs[i].split("</tr>")[0];
					        		//alert(tr);
					        		var tds = tr.split('<td>');
					        		//创建tr
					        		var trNode = document.createElement("<tr id='TR_"+weekId+""+i+"' style='display:block;'></tr>");
					        		
					        		for(var j = 1 ; j < tds.length; j ++){
					        			var td = tds[j].split("</td>")[0];
					        			//alert(td);
					        			//创建td并添加到tr
					        			var tdNode = document.createElement("<td align='right'></td>");
					        			tdNode.innerHTML = td;
					        			trNode.appendChild(tdNode);
					        		}
					        		//追加tr
					        		currTR.parentNode.insertBefore(trNode,currTR.nextSibling);
					        	}
					        }
			    		}
				  	}
				  	
				    var URL = "TotalAnalysisWeek.action?flag=getAreaData&weekId="+weekId+"&productType="+productType
				    	+"&businessType="+businessType+"&serviceLevel="+serviceLevel+"&customGroup="+customGroup
				    	+"&areaId="+areaId;
				    
				    xmlhttp.open("post",URL,false);
				    
				    xmlhttp.send(null);
				    
					hasData = true;
					lastCell = weekId;
				}
				lastTR = currTR;
			}
分享到:
评论

相关推荐

    js 笔记 javascript 学习笔记

    本学习笔记将深入探讨JavaScript的核心概念,包括变量、数据类型、操作符、控制流程、函数、对象、数组、原型链、闭包等,并结合实际示例,如my.js、order.js、login.js等文件,来讲解其在实际项目中的应用。...

    狂神说系列 JavaScript笔记

    - 对象:JavaScript中的对象是键值对的集合,可以使用字面量表示法或构造函数创建。了解原型链、原型对象以及对象的属性操作至关重要。 - 数组:数组是特殊的对象,可以存储多个值。掌握数组的方法,如push、pop、...

    前端学习笔记-黑马程序员JS

    "前端学习笔记-黑马程序员JS" 本资源主要介绍了 JavaScript 的基本概念和语法,包括变量、数据类型、运算符、流程控制、数组、函数、对象、内置对象等知识点。 变量 在 JavaScript 中,变量可以在三种位置书写:...

    JavaScript-学习笔记.pdf

    - 外部式:创建一个`.js`文件,然后通过`&lt;script src="filename.js"&gt;&lt;/script&gt;`的方式引入。 3. JavaScript的输入输出语句 JavaScript中常见的输入输出语句包括: - `alert(msg)`:在浏览器中弹出一个警告框,...

    JavaScript基础教程笔记

    ### JavaScript基础教程笔记知识点 #### 一、JavaScript简介 - **定义**:JavaScript是一种轻量级的编程语言,主要用于Web浏览器中的网页交互控制。 - **发展历史**:1995年由Netscape公司的Brendan Eich设计并...

    JSWeb APIS笔记 笔记笔记

    JavaScript可以通过DOM API来创建、修改、删除和查找页面元素。例如,`createElement`用于创建新元素,`appendChild`将元素添加到父元素,`innerHTML`可以获取或设置元素的HTML内容,而`addEventListener`用于监听和...

    javascript入门学习笔记

    JavaScript,一种广泛应用于Web开发的脚本语言,是前端开发的核心...随着学习的深入,还会接触到更多高级特性和框架,如闭包、原型链、AJAX、jQuery、Vue.js、React.js等,这些都是JavaScript开发者必备的知识技能。

    javascript学习笔记1

    - **创建元素** - `document.createElement()`:创建一个新的元素节点。 - `document.appendChild()`:将一个节点添加到指定父节点的子节点列表的末尾。 - `document.insertBefore()`:在指定的父节点下插入一个...

    html css js全套学习笔记+举例

    JavaScript还有许多库和框架,如jQuery简化DOM操作,React.js和Vue.js用于构建用户界面,Node.js则让JavaScript能在服务器端运行。ES6(ECMAScript 6)版本引入了许多新特性,如let和const变量声明、模板字符串、...

    javascript权威指南笔记

    笔记会讲解如何监听和触发事件,以及如何通过DOM API来操作网页元素,如添加、删除和修改元素。 最后,笔记可能还会包含一些JavaScript的现代特性,如ES6+的新语法(如箭头函数、解构赋值、模板字符串等)和模块...

    html+css+javascript笔记完整版

    笔记中将详细介绍JavaScript的基础语法,变量、数据类型、运算符、流程控制语句。你将学习函数的使用,以及如何操作DOM(Document Object Model)来改变网页内容。JavaScript还涉及事件处理,异步编程如回调函数和...

    css+html+js笔记

    JavaScript也可以用作服务器端编程,如Node.js平台。ES6(ECMAScript 2015)版本带来了许多新特性,如let和const变量声明、模板字符串、箭头函数、Promise用于异步处理等,使得代码更简洁、易读。 在实际开发中,...

    javaScript达内培训笔记

    在JavaScript中,对象是通过构造函数或字面量方式创建的。构造函数是一种特殊类型的函数,用于创建和初始化对象实例。例如,创建一个Person类: ```javascript function Person(name, age) { this.name = name; ...

    javascript学习笔记整理知识点整理

    JavaScript有全局作用域和局部作用域,函数内部创建的变量仅在函数内部可见。 八、异步编程 JavaScript的异步编程主要依赖回调函数、Promise和async/await。它们解决了JavaScript的单线程执行模型下避免阻塞UI的...

    李炎恢JavaScript-pdf文档笔记

    5. **JavaScript框架与库**:笔记可能提及了流行的JavaScript库如jQuery,以及框架如React、Vue.js、Angular,介绍它们的基本用法和设计理念。 6. **ES6新特性**:ECMAScript 6(简称ES6)引入了许多新特性和语法糖...

    javascript 笔记 适合初学者 jquery chm 资料

    初学者可以通过查阅这个CHM文件了解如何选择DOM元素、执行DOM操作、绑定事件、创建动画,以及使用Ajax进行异步通信。jQuery的核心功能包括选择器(用于快速定位DOM元素)、链式操作(让代码更简洁)、插件机制(扩展...

    HTML CSS Javascript经典笔记

    表单元素通常会有一个`name`属性,供服务器获取输入值,而`id`属性则用于JavaScript访问元素。`&lt;input type="submit"&gt;`和`&lt;input type="reset"&gt;`分别是提交和重置按钮。 HTML与CSS的结合使用可以实现丰富的网页设计...

    javascript笔记 超级详细 入门

    JavaScript可以运行在浏览器端,也可以在服务器端运行(如Node.js)。 ### 基本语法 1. **使用`&lt;script&gt;`标签嵌入JavaScript代码**: - 内联式:直接在HTML元素中通过`onclick`等事件属性来调用JavaScript函数。 ...

    前端vue ,css ,js ,学习笔记,全部总结

    在前端开发领域,Vue.js、CSS和JavaScript是构建现代网页应用不可或缺的技术栈。这份"前端vue ,css ,js ,学习笔记,全部总结"涵盖了这三个重要组成部分的精华内容,旨在为开发者提供一个全面的学习资源。 Vue.js是...

    js学习笔记

    ### JavaScript学习笔记知识点详解 #### 第一章:CSS样式表 **1.1 什么是CSS** CSS(Cascading Style Sheets)即层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。它用于定义网页上的布局、颜色、...

Global site tag (gtag.js) - Google Analytics