DOM属性,函数

本文详细介绍了DOM操作中的核心方法,包括创建、插入、删除、替换节点等,并解释了如何使用这些方法来操纵网页文档结构。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

DOM属性,函数

函数名:createElement (“对象”)

类型:新建节点

说明:节点元素

参数:节点元素

返回:指向元素的指针

示例:document.createElement(”DIV”);

函数名:createTextNode(“文本”);

类型:新建节点

说明:创建文本

参说:文本

返回:指向文本的指针

示例:document.createTextNode(“Hello word”);

函数名:cloneNode(deep);

类型:复制节点

说明:创建文本

参数:deep

是否复制节点下面所有子节点True|False

返回:指向新节点对象的指针

示例:Node.cloneNode(True);

函数名:appendChild(node);

类型:插入节点

说明:插入节点

参说:节点元素

返回:无返回

示例:node.appendChild(element);

函数名:insertBefore(newNode,targetNode)

类型:插入节点;

说明:在目标节点前插入新节点

参说:

newNode:新节点

targetNode:目标节点

返回:指向新节点对象的指针

示例:targetParentNode .insertBefore(newNode,targetNode)

函数名:removeChild(node)

类型:删除节点

说明:删除目标节点

参说:

Node:被删除的节点

返回:无

示例:removeChild(node)

函数名:replaceChild(newnode,oldnode)

类型:替换节点

说明:替换节点

参说:

newnode:新节点

oldnode:旧节点

返回:无

示例:oldtargetNode.replaceChild (newnode,oldnode)

函数名:setAttribute(name,value)

类型:设置节点属性

说明:设置节点属性

参说:

Name:节点属性名

Value:值

返回:无

示例:node.setAttribute(name,value)

Node.getAttribute(name)

得到节点属性

getElementById(nodeid)

获取节点

getElementsByTagName(nodename)

获取节点集合

hasChildNodes()

是否有子节点

object.contains(oelement)

object中是否包含oelement对象

DOM属性

nodeName 节点名称

nodeType 节点类型

nodeValue 节点值

childNodes遍历子节点

firstNode 第一个节点

lastNode 最后一个节点

nextSibling 下个节点

previousSibling 上个节点

parentNode 上个节点

转载于:https://www.cnblogs.com/zfh424/archive/2009/02/03/1383509.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值