节点
时间:2021-08-16
本文章向大家介绍节点,主要包括节点使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
//节点 var jdid=1;//创建变量 。用来记录id的编号 //添加节点属性 function addobj() { var obj = document.getElementById("dv");//获取id为dv元素对象 var zjd = document.createElement("div");//创建元素对象 var jdidstr="id"+jdid;//拼接字符串 使得id不重复(id1,id2....) zjd.innerText =jdidstr ;//设置创建的元素对象 zjd.setAttribute("id",jdidstr);//设置元素id属性为jdidstr zjd.setAttribute("title","我是title");//设置元素属性title zjd.setAttribute("class","classA");//设置元素属性class为classA zjd.setAttribute("onclick","updateobj(this)");//设置元素属性onclick为update(this) obj.appendChild(zjd);//往id为dv的元素对象,插入新建子节点元素对象 jdid++; } //修改节点属性 function updateobj(obj) { obj.innerText="被修改了" ;//设置元素对象的内容 obj.setAttribute("class","classB");//设置元素对象的class为ClassB obj.setAttribute("onclick","deleteobj(this)");//设置元素属性onclick为del(this) obj.setAttribute("title","我是修改后的title");//设置元素属性title } //删除节点属性 function deleteobj(obj) { obj.parentNode.removeChild(obj);//删除元素节点。这里是删除自己 }
原文地址:https://www.cnblogs.com/rourouwanzi/p/15147375.html
- 谁适合学Python?学了Python可以做什么工作?
- webservice今日遇到的二个问题:DataTable + Namespace
- php安全配置记录和常见错误梳理
- Flex:地图缩放平移效果(简易版)
- Mongodb副本集+分片集群环境部署记录
- 线上mongodb 数据库用户到期时间修改的操作记录
- 微信小程序“授权失败”场景的处理
- 动软.net代码生成器 win2008 r2下无法连接oracle,以及vs2008模板丢失的解决
- ASP.NET Web API 支持 CORS
- oracle odp.net 32位/64位版本的问题
- Redis+TwemProxy(nutcracker)集群方案部署记录
- 金融科技新常态,未来开启拼“硬实力”阶段
- Mono 3 的默认Gc是Sgen
- Linux下Redis主从复制以及SSDB主主复制环境部署记录
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法