DDR爱好者之家

html dom节点操作(获取/修改/添加或删除)
站长资源 2025/1/21 佚名
61 1538
DDR爱好者之家 Design By 杰米
HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。在 HTML DOM 中，所有事物都是节点。DOM 是被视为节点树的 HTML。

根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：

整个文档是一个文档节点
每个 HTML 元素是元素节点
HTML 元素内的文本是文本节点
每个 HTML 属性是属性节点
注释是注释节点

HTML DOM 将 HTML 文档视作树结构。这种结构被称为节点树：
HTML DOM Tree 实例

http://www.w3school.com.cn/i/ct_htmltree.gif

通过 HTML DOM，树中的所有节点均可通过 JavaScript 进行访问。所有 HTML 元素（节点）均可被修改，也可以创建或删除节点。

所有 HTML 元素被定义为对象，而编程接口则是对象方法和对象属性。

一：获取元素节点方法：

1.var node = document.getElementById("nodeId");

2.var nodelist = document.getElementsByClassName("nodeclassname");

3.var nodelist = document.getElementsByTagName("nodetagname");

二：获取到元素节点以后我们可以对他进行的操作：1.对自身的操作。2.对子节点的操作。3.对兄弟节点的操作。4.对父节点的操作

2.1. 删除自身：node.parentNode.removeChild(node);

2.2.判断是否有子节点：var boolean = node.hasChildNodes();

获取子节点列表：var childList = node.childNodes;

获取节点元素类型：var nodetype = node.nodeType; var nodename = node.nodeName;

删除子节点。node.removeChild(childNode);

在子节点尾部插入一个子节点:node.appendChild(childNode);

在子节点收不插入一个子节点:node.insertBefore(childNode);

用A节点替换B节点：node.replaceChild(A,B);

2.3.node.nextSibling获取相邻的下一个兄弟节点

node.previousSibling获取相邻的上一个兄弟节点

2.4 . 获取父节点node.parentNode
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。

而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米