小结下dom节点操作(2)
作者:风月 来源:阿里妈妈UED 发布时间:2011-03-08 10:33:00
三、节点操作
节点定位
getElementById(elementId)
//寻找一个有着给定id属性值的元素,返回一个元素节点 ,document.getElementById(IDvalue)
getElementsByTagName(tagName)
//用于寻找有着给定标签名的所有元素,document.getElementsByTagName(tagName)
getElementsByName(elementName)
//在HTML中checkbox和radio都是通过相同的name属性值,来标识一个组内的元素。如果我们现在要获取被选中的元素,首先获取改组元素,然后循环判断是节点的checked属性值是否为true即可
创建节点:
document.createElement(element)
//参数为要新添的节点标签名,egnewnode=document.createElement("div");
document.createTextNode(string)
//创建一个包含着给定文本的新文本节点,eg:document.createTextNode("hello");
eg:
var a =document.createElement("span");
var b =document.createTextNode("cssrain");
a.appendChild(b);
添加节点:
//添加子节点:
node.appendChild(newChild) //newChild为生新增的节点.eg: document.body.appendChildNode(o) document.forms[0].appendChildNode(o)
//插入节点
node.insertBefore(newNode,targetNode)
node.insertAfter(newNode,targetNode);
修改节点:
//删除节点
node.remove()[2] //当某个节点被remove方法删除时,这个节点所包含的所有子节点将同时被删除。
node.removeChild(node) //eg:document.body.removeChild(node)
node.removeNode()//IE支持,但FF不支持,推荐用removeChild代替实现
//替换节点
node.replaceChild(newChild,oldChild) //oldChild节点必须是node元素的一个子节点。
node.replaceNode() node.swapNode()//只有IE支持replaceNode与swapNode方法,其他浏览器则不支持。
复制节点:
//返回复制节点引用
node.cloneNode(bool)//bool为布尔值,true / false 是否克隆该节点所有子节点 ,eg:node.cloneNode(true)


猜你喜欢
- 在项目中遇到了个json数据需要解析,利用Python脚本尝试分享给大家如下:import osimport pandas as pdimp
- Firebug: Firebug 是firefox中最为经典的开发工具,可以监控请求头,响应头,显示资源
- 需要安装pyechartspip install pyecharts -U 创建【demo6.py】并输入以下编码:from py
- 一 、python模块 xml.dom 解析XML的APIminidom.parse(filename)加载读取XML文件doc.docum
- CREATE DATABASE 临时的 ON ( NAME='临时的_Data', FILENAME='h:\临时的
- 0. 前言本文介绍Python Matplotlib库的入门求生级使用方法。为了方便以下举例说明,我们先导入需要的几个库。以下代码在Jupy
- 在 MySQL 中,数据库和表对应于那些目录下的目录和文件。因而,操作系统的敏感性决定数据库和表命名的大小写敏感。这就意味着数据库和表名在
- 首先,把项目上传到虚拟机中。scp -r C:\Users\Administrator\Desktop\fresh root@192.168
- 首先要用designer设计ui界面打开后就和c#一样拖动控件做ui界面保存后是xxx.ui文件再添加个工具Arguments:-m PyQ
- 在Python所有的数据结构中,list具有重要地位,并且非常的方便,这篇文章主要是讲解list列表的高级应用,基础知识可以查看博客。 此文
- 没办法,自己看看吧。 CSDN 的代码高亮用的是一个 jquery 扩展。因为我基本上只贴 java 代码,所以把当中有用的提取出来,把这段
- 一:unittest是python自带的一个单元测试框架,类似于java的junit,基本结构是类似的。基本用法如下: 1.用import
- 本文主要介绍了vue中的数据绑定原理的实现,分享给大家,也给自己留个笔记,具体如下:vue中的响应式数据绑定是通过数据劫持和观察者模式来实现
- 前言本文主要跟大家分享了关于Ubuntu 18.04配置mysql及配置远程连接的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看
- 本文实例总结了go语言中使用timer的常用方式。分享给大家供大家参考。具体分析如下:下面三段代码(A,b,C)的功能都是在5分钟后执行指定
- 下拉框包含option中的Value和用来显示的选项, 一般后台都是使用的Value值,而不是显示在前台的选项第一步: 编写下拉框需要的枚举
- 本文实例讲述了PHP自定义函数用法。分享给大家供大家参考,具体如下:Demo1.php<?php //标准函数,内置函数
- 各种asp字符串处理函数,包括:把字符串换为char型数组,把一个数组转换成一个字符串,检查源字符串str是否以chars开头,检查源字符串
- Step 1:在服务器图标上单击右键,选择property,然后选connection,把allow remote connection选上
- 1.TensorBoard神经网络可视化工具TensorBoard是一个强大的可视化工具,在pytorch中有两种调用方法:1.from t