Javascript的DOM操作

Javascript的DOM操作

1.訪问节点
document.getElementById(id);
返回对拥有指定id的第一个对象进行訪问

document.getElementsByName(name);
返回带有指定名称的节点集合
注意:Elements

document.getElementsByTagName(tagname);
返回带有指定标签名的对象集合
注意:Elements

document.getElementsByClassName(classname);
返回带有指定class名称的对象集合
注意:Elements

2.生成节点
document.createElement(eName);
创建一个节点

document.createAttribute(attrName);
对某个节点创建属性

document.createTextNode(text);
创建文本节点

3.加入�节点
document.insertBefore(newNode,referenceChild);
在某个节点前插入节点

parentNode.appendChild(newNode);
给某个节点加入�子节点

4.复制节点
cloneNode(true | false);
复制某个节点
參数:是否复制原节点的全部属性

5.删除节点
parentNode.removeChild(node)
删除某个节点的子节点
node是要删除的节点
注意:IE会忽略节点间生成的空白文本节点(比如,换行符号),而Mozilla不会这样做。在删除指定节点的时候不会出错,可是假设要删除最后一个子结点或者是第一个子结点的时候,就会出现故障。这时候,就须要用一个函数来推断首个子结点的节点类型。
元素节点的节点类型是 1,因此假设首个子节点不是一个元素节点,它就会移至下一个节点,然后继续检查此节点是否为元素节点。整个过程会一直持续到首个元素子节点被找到为止。通过这种方法,我们就能够在 Internet Explorer 和 Mozilla 得到正确的方法。

6.改动文本节点
appendData(data);
将data加到文本节点后面

deleteData(start,length);
将从start处删除length个字符

insertData(start,data)
在start处插入字符,start的開始值是0;

replaceData(start,length,data)
在start处用data替换length个字符

splitData(offset)
在offset处切割文本节点

substringData(start,length)
从start处提取length个字符

7.属性操作
getAttribute(name)
通过属性名称获取某个节点属性的值

setAttribute(name,value);
改动某个节点属性的值

removeAttribute(name)
删除某个属性

8.查找节点
parentObj.firstChild
假设节点为已知节点的第一个子节点就能够使用这种方法。此方法能够递归进行使用
parentObj.firstChild.firstChild…..

parentObj.lastChild
获得一个节点的最后一个节点,与firstChild一样也能够进行递归使用
parentObj.lastChild.lastChild…..

parentObj.childNodes
获得节点的全部子节点,然后通过循环和索引找到目标节点

9.获取相邻的节点
neborNode.previousSibling :获取已知节点的相邻的上一个节点
nerbourNode.nextSlbling: 获取已知节点的下一个节点

10.获取父节点
childNode.parentNode:得到已知节点的父节点

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/119062.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • lnk2001 lnk1120_lnk1120

    lnk2001 lnk1120_lnk1120LNK2001..转自百度百科学习VC++时经常会遇到链接错误LNK2001,该错误非常讨厌,因为对于编程者来说,最好改的错误莫过于编译错误,而一般说来发生连接错误时,编译都已通过。产生连接错误的原因非常多,尤其LNK2001错误,常常使人不明其所以然。如果不深入地学习和理解VC++,要想改正连接错误LNK2001非常困难。  初学者在学习VC++的过程中,遇到的LNK20

    2022年10月5日
    3
  • iframe 标签属性解读[通俗易懂]

    iframe元素会创建包含另外一个文档的内联框架(即行内框架)转载于:https://www.cnblogs.com/qiaduan/p/10238655.html

    2022年4月17日
    199
  • 什么是宽字节注入_百分号两个字节

    什么是宽字节注入_百分号两个字节宽字节注入原理:宽字节(两字节)带来的安全问题主要是吃ASCII字符(一字节)的现象,使用一些特殊字符来”吃掉“经过转义符“\”。在重新详细了解宽字节注入之前,我认为宽字节注入只是出现在网站使用GBK编码的时代,现在已经很少出现了,但是实际上宽字节不只是出现在GBK编码中。在PHP中,通过iconv()进行编码转换时,也可能出现宽字节注入。还有一个误区:这里的编码问题不是出现在HTML页面…

    2022年10月15日
    1
  • 五子棋人机对战完整代码大全_一个完整的html代码

    五子棋人机对战完整代码大全_一个完整的html代码目录〇,前言一,五子棋棋盘二,五子棋比赛规则1,行棋顺序2,判断胜负三,重要棋型解释1,五连:2,活四:3,冲四:4,活三:四,禁手规则1,三三禁手2,四四禁手3,长连禁手五,代码解释1,棋子表示2,棋盘表示3,flat技术4,棋型判断和禁手判断4.1活四4.2冲四4.3活35,AI算法6,AI的………

    2022年10月21日
    3
  • IP地址划分[通俗易懂]

    IP地址划分[通俗易懂]IP地址划分1IP地址分类(1)A类IP地址一个A类IP地址由1字节的网络地址和3字节主机地址组成,网络地址的最高位必须是“0”,地址范围:1.0.0.1——126.255.255.254二进制表示为:00000001000000000000000000000001——01111110111111111111111111111110可用的A类网络有126个,每个网络能容纳…

    2022年6月11日
    51
  • cjson创建数组「建议收藏」

    cjson创建数组「建议收藏」这里介绍如何使用cjson,创建一个含数组的json字串。例如下面的形式:{“UnixSocket”:[{“id”:0,”value”:10.0}]}干脆一些,直接上代码:intJsondata_Create_Json(char*pBuf,intid,i…

    2022年5月3日
    49

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号