dom的中node常用属性和方法

HTML DOM 节点详解
最新推荐文章于 2023-02-22 07:16:04 发布
最新推荐文章于 2023-02-22 07:16:04 发布
阅读量1.4k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： web 前端css 文章标签： dom html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/shenshuai89/article/details/12219343
本文详细介绍了 HTML DOM 中的各种节点类型，包括文档节点、元素节点、属性节点、文本节点及注释节点等，并列举了节点的常用属性与方法，如 nodeName、nodeValue、firstChild 和 appendChild 等。
HTML DOM Nodes

In the HTML DOM (Document Object Model), everything is a node:

  • The document itself is a document node
  • All HTML elements are element nodes
  • All HTML attributes are attribute nodes
  • Text inside HTML elements are text nodes
  • Comments are comment nodes

node的常用属性和方法

--------------------------------------------------


属性/方法类型/返回类型说明                                     
nodeNameString节点的名称，根据节点的类型而返回
nodeValueString节点的值，根据节点的类型而返回。一般多返回数组，
document.getElementById("tr1").childNodes[0].nodeValue;
firstChild/lastChildNode指向childNodes列表中的第一个/最后一个 节点（node）
childNodesNodeList所有子节点的列表，方法item(i)可以访问第i+1个节点
parentNodeNode指向节点的父节点，如果是根节点，返回为null
previousSiblingNode指向前一个兄弟节点，如果该节点是第一个节点，返回null
nextSiblingNode指向后一个兄弟节点，如果该节点是最后一个节点，返回为null
hasChildNodesBoolean是否包含子节点
attributesNameNodeMap包含一个元素特性的attr对象，仅用于元素节点
appendChildNode将node节点添加到childNodes节点末尾
removeChildNode删除节点
replaceChild(newNode,oldNode)Node替换节点
insertBefore(newNode,refnode)node在childNodes中的refnode节点前插入newNode

更多资料参考：http://www.w3school.com.cn/xmldom/dom_node.asp

DOM中常用的属性
......的博客
10-12 1896
DOM中常用的属性1.innerHTML<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> </head> <body> <a id="link" href="http://www.baidu.com">百度</a> <script type="text/javascript"> var node = d
DOM常用属性&方法
weixin_44951938的博客
05-29 173
DOM常用属性和方法 针对html 文件操作 1、查找HTML元素 语法 说明 document.getElementById() 通过id获取对象 document.getElementsByTagName() 通过标签名获取对象 document.getElementsByClassName() 通过class属性获取对象 2、改变HTML 语法 说明 ...
dom 常用属性
qq_43643182的博客
06-08 1771
DOM常用属性： <!-- 1.nodeName 属性 :节点名称 nodeName 是只读的 元素节点的 nodeName 与标签名相同 属性节点的 nodeName 与属性名相同 文本节点的 nodeName 始终是 #text 文档节点的 nodeName 始终是 #document 2.nodeValue 属性：节点的值。 元素节点的 nodeValue 是 undefined 或 null 文本节点的 nodeValu
dom常用属性
ymmygtl的专栏
09-24 336
innerHTML 获取节点内容 nodeName 获取节点名称 元素节点的 nodeName 与标签名相同属性节点的 nodeName 与属性名相同文本节点的 nodeName 始终是 #text文档节点的 nodeName 始终是 #document   nodeValue 获取节点值 元素节点的 nodeValue 是 undefined 或 null文本节点的 nodeV
DOM常用的属性
等，你的到来。
10-19 1667
offsetHeight height+padding+border，当前对象的高度 clientHeight 获取对象可视高度，不包括滚动条，不包括边框 scrollHeight 获取对象的滚动高度/内容总高度 offsetWidth clientWidth scrollWidth offsetTop 当前对象相对于定位父级的top值 clientTop 获取对象上边框的bor
HTML DOM 常用的属性和方法
04-09
HTML DOM（文档对象模型）是Web开发中用于...这些属性和方法构成了DOM的核心，让开发者能够高效地查找、修改和操作HTML页面中的元素和内容，实现动态效果和交互。了解并熟练掌握这些知识点对于进行前端开发至关重要。
DOM和XMLHttpRequest对象的属性和方法整理
09-05
XMLHttpRequest对象的常用属性和方法包括： 1. 发起请求和接收响应： - `open(method, url, async, [user], [password])`：初始化一个请求，其中`method`参数是请求类型（如GET、POST、PUT），`url`是请求的URL...
DOM常用属性和方法
10-21
### DOM常用属性和方法 #### 一、DOM与HTML文档结构理解 在DOM（Document Object Model，文档对象模型）的世界里，HTML文档被视作一种树状结构，其中`<html>`作为根节点，而其他诸如`<head>`、`<title>`、`<body>`...
浅析JS操作DOM的一些常用方法
11-22
在本文中，我们将深入探讨一些常用的JS操作DOM的方法。 1. **getElementById()**: 这个方法是获取页面上具有唯一ID的元素的最直接方式。例如，`document.getElementById('myID')`将返回ID为'myID'的元素。由于ID在...
JavaScript DOM 常用方法和属性
APlus
04-11 573
1、getElementById方法此方法返回一个有着给定id属性值的对象，例如一个img元素id值为logo：<img src="a.jpg" id="logo" />那么我们可以通过该方法建立该属性值的对象并赋给变量img：var img = document.getElementById('logo');注意：应该在body标签结束之前引入，不要放置于body标签开头。2、getElement
DOM常用属性【DOM】
QQ1012421396的博客
08-20 8106
DOM属性：     DOM属性是节点（HTML 元素）的值，您能够获取或设置。文档里的每个节点都有以下3个属性：nodeName, nodeType, nodeValue。更有一些常用属性：innerHTML，parentNode，childNodes ，attributes ，firstChild，lastChild， nextSibling， previousSibling， leng
DOM常用属性
XYZS_520的博客
10-21 871
快捷尺寸 DOM常用的相关属性 clientWidth、clientHeight 该属性是每一个元素都有的属性，读取到的是该元素的宽度+padding、高度+padding offsetWidth、offsetHeight 该属性是每一个元素都有的属性，读取到的是该元素的宽度+padding+border、高度+padding+border clientLeft、 clientTop 该属性是每...
常用DOM方法与属性
cheng198938的博客
03-20 489
常用DOM方法 getElementById() getElementsByTagName() getElementsByClassName() appendChild() removeChild() replaceChild() insertBefore() createAttribute() createElement() createTextNode() getAt
DOM的作用
candy的专栏
11-17 2070
什么是DOM ？ DOM即“文档对象模型”。基于语义的逻辑结构，DOM将网页内的元素与内容呈现为一个清晰、易读的树状模型。在这个理想化的树状模型中，任何一个元素或是内容，都只有自己唯一的一个节点。即便这个文档拥有巨量的内容与繁复的结构，只要它本身语义逻辑没有错误，那么用DOM都可以轻易地将这个文档中的任意一个元素或内容检索出来。简言之，对于网页前端开发人员而言，DOM就是一个用于检索网页
使用Dom解析xml文件的属性节点
技术成长之路
08-06 619
使用Dom解析xml文件的属性节点。 在不知道节点属性的个数和属性名时： 1、通过document.getElementByTagName(“标签名”)获得所有标签名的节点，得到一个NodeList集合 2、通过NodeList.getLength()获得集合长度，遍历集合 3、Node node = NodeList.item（index）获得里面的节点 4、通过NamedNodeMap
JavaScript之DOM常用属性及方法详解
发果叁
10-21 9569
自定义属性目的∶是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中。自定义属性获取是通过getAttribute ('属性〉获取。element.getAttribute(‘属性’)//自己定义的element.setAttribute(‘属性’,‘值’)//主要针对自定义属性removeAttribute(‘属性’)但是有些自定义属性很容易引起歧义，不容易判断是元素的内置属性还是自定义属性。H5给我们新增了自定义属性设置H5自定义属性H5规定自定义属性data-开头做为属性名并且赋值。
DOM 对象所有属性方法介绍，看这一篇就够了！
酷奇的博客
02-22 5918
注意，在 1 级 DOM 中，HTMLDocument 定义了一个名为 getElementById() 的非常有用的方法。这些集合属性都源自于 0 级 DOM。很多属性和方法都是 HTMLCollection 对象（实际上是可以用数组或名称索引的只读数组），其中保存了对锚、表单、链接以及其他可脚本元素的引用。Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。write() 方法值得注意，在文档载入和解析的时候，它允许一个脚本向文档中插入动态生成的内容。
dom对象常用的属性和方法有哪些？
weixin_34034670的博客
06-02 2252
dom对象常用的属性和方法有哪些？ 一、总结 一句话总结： 1、document属性和方法：document的属性有head，body之类，方法有各种获取element的方法 2、element的属性和方法：属性比如style，innerHTML和固有属性，方法比如各种动态操作元素，比如createElement，还有操作属性的set、get、remove、create解Attribute...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值