HTML DOM Nodes

2024-09-07 08:56:33 217人阅读

HTML DOM Nodes 介绍

HTML DOM将HTML文档视为节点树。
HTML DOM Nodes分为：文档节点、元素节点、属性节点、文本节点、注释节点。
技术分享

HTML DOM Nodes 层级

节点树的层级关系分为：父parent、子child、同胞sibling。
技术分享

HTML DOM Nodes 方法

HTML DOM 方法是可以在节点上执行的动作。
元素节点：

查询元素节点

var element = document.getElementById(‘id‘);

var elements = documnet.getElementsByName(‘name‘);

var elements = document.getElementsByTagName(‘tagName‘);

新增元素节点

element.insertBefore();

element.appentChild();

删除元素节点

createElement();

element.removeChild();

修改元素节点

element.replaceChild();

属性节点：

查询属性节点

element.getAttribute();

新增属性节点

element.createAttribute();

修改属性节点

element.setAttribute();

文本节点：

新增文本节点

element.createTextNode();

HTML DOM Nodes 属性

HTML DOM属性是指我们可以在节点上设置修改的值。
节点通用属性：

nodeName（节点的名称）
技术分享

nodeValue（节点的值）
技术分享

nodeType（节点的类型）
技术分享

节点层级属性：

父节点

node.parentNode;

子节点

node.childNodes;

兄弟节点

node.nextSibling;

null

HTML DOM Nodes

声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉：投诉/举报工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。

联系
我们