dom的中node常用属性和方法

最新推荐文章于 2023-02-22 07:16:04 发布
最新推荐文章于 2023-02-22 07:16:04 发布
阅读量1.3k 收藏
点赞数
分类专栏： web 前端css 文章标签： dom html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shenshuai89/article/details/12219343
版权
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

北鸟南游
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
DOM基础教程之使用DOM
01-19
对于一个DOM节点node，都有一系列的属性和方法可以使用。常用的有下表。 完善：http://www.w3school.com.cn/xmldom/dom_element.asp 1.访问节点 BOM提供了一些边界的方法访问节点，常用的就是getElementsByTagName...
DOM常用属性
XYZS_520的博客
10-21 649
快捷尺寸 DOM常用的相关属性 clientWidth、clientHeight 该属性是每一个元素都有的属性，读取到的是该元素的宽度+padding、高度+padding offsetWidth、offsetHeight 该属性是每一个元素都有的属性，读取到的是该元素的宽度+padding+border、高度+padding+border clientLeft、 clientTop 该属性是每...
JavaScript之DOM常用属性及方法详解
发果叁
10-21 5276
自定义属性目的∶是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中。自定义属性获取是通过getAttribute ('属性〉获取。element.getAttribute(‘属性’)//自己定义的element.setAttribute(‘属性’,‘值’)//主要针对自定义属性removeAttribute(‘属性’)但是有些自定义属性很容易引起歧义，不容易判断是元素的内置属性还是自定义属性。H5给我们新增了自定义属性设置H5自定义属性H5规定自定义属性data-开头做为属性名并且赋值。
dom 常用属性
qq_43643182的博客
06-08 1483
DOM常用属性： <!-- 1.nodeName 属性 :节点名称 nodeName 是只读的 元素节点的 nodeName 与标签名相同 属性节点的 nodeName 与属性名相同 文本节点的 nodeName 始终是 #text 文档节点的 nodeName 始终是 #document 2.nodeValue 属性：节点的值。 元素节点的 nodeValue 是 undefined 或 null 文本节点的 nodeValu
DOM 对象所有属性方法介绍，看这一篇就够了！
酷奇的博客
02-22 2238
注意，在 1 级 DOM 中，HTMLDocument 定义了一个名为 getElementById() 的非常有用的方法。这些集合属性都源自于 0 级 DOM。很多属性和方法都是 HTMLCollection 对象（实际上是可以用数组或名称索引的只读数组），其中保存了对锚、表单、链接以及其他可脚本元素的引用。Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。write() 方法值得注意，在文档载入和解析的时候，它允许一个脚本向文档中插入动态生成的内容。
DOM中常用的属性
......的博客
10-12 1804
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
在javascript中对于DOM的加强
01-21
有一点很重要，DOM的设计是以对象管理组织（OMG）的规约为基础的，因此可以用于任何编程语言.D：文档 – html 文档 或 xml 文档O：对象 – document 对象的属性和方法M：模型DOM 是针对xml(html)的基于树的API。DOM...
你所不了解的javascript操作DOM的细节知识点(一)
12-29
DOM1级定义了一个Node接口，该接口是由DOM中的所有节点类型实现。每个节点都有一个nodeType属性，用于表明节点的类型，节点类型在Node类型中有以下几种： Node.ELEMENT_NODE(1); 元素节点 Node.ATTRIBUTE_NODE(2); ...
uxr:一组用于选择和修改元素JavaScript实用程序
05-10
UXR包装了一些最常用的方法，例如CSS类，事件管理，数据管理，属性选择/更新。 支持链接和插件。 UXR具有更少的代码和较小的文件大小的理念。 因此，不能将受广泛支持的ES6代码转换为ES5版本，也不要尝试覆盖通常...
Delphi向XML中添加节点数据.rar
07-10
Delphi7向常用的XML文件中添加内容，按照XML的节点规则依次写入内容，自定义各个节点及节点内容，具体的操作代码如下示： 　var 　iXml: IDOMDocument; 　iRoot, iNode, iNode2, iChild, iAttribute: IDOMNode; 　...
dom对象常用的属性和方法有哪些？
weixin_34034670的博客
06-02 2158
dom对象常用的属性和方法有哪些？ 一、总结 一句话总结： 1、document属性和方法：document的属性有head，body之类，方法有各种获取element的方法 2、element的属性和方法：属性比如style，innerHTML和固有属性，方法比如各种动态操作元素，比如createElement，还有操作属性的set、get、remove、create解Attribute...
DOM增删改操作
407指导员
10-31 331
dom的增删改操作 <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>dom增删改</title> <link rel="stylesheet" type="text/css" href="style/css2.css"/&gt
DOM ----Node类型常用的属性和方法
前端小愤青
09-04 1953
版权声明：本文为博主原创文章，若文章中有错误请联系博主改正，请不要恶意留言(不喜欢请绕道)。欢迎大家转载，转载时请注明原文地址:https://blog.csdn.net/qq_37674616/article/details/82357068 目录 Node类型 属性 nodeType nodeName nodeValue childNodes parentNode fir...
DOM Element 属性和方法
weixin_30651273的博客
11-06 133
属性 / 方法描述 element.accessKey 设置或返回元素的快捷键。 element.appendChild() 向元素添加新的子节点，作为最后一个子节点。 element.attributes 返回元素属性的 NamedNodeMap。 element.childNodes 返回元素子节点的 NodeList。 ...
dom常用属性
ymmygtl的专栏
09-24 280
innerHTML 获取节点内容 nodeName 获取节点名称 元素节点的 nodeName 与标签名相同属性节点的 nodeName 与属性名相同文本节点的 nodeName 始终是 #text文档节点的 nodeName 始终是 #document   nodeValue 获取节点值 元素节点的 nodeValue 是 undefined 或 null文本节点的 nodeV
浅谈dom操作removechild（）
weixin_40483705的博客
12-03 633
浅谈dom操作removechild（） 作为一个从ui设计转向前端的小白，之前一直是在对自己设计的界面写html和css，极少去写js，刚刚把盒子模型和响应式布局这一块的东西有了一点理解，又开始学习起js方面的内容，希望能在实习之前学到更多东西。 刚学习js就对里面的dom操作很感兴趣，在自己编写代码和修改bug过程中，对removechild（）这个dom操作有了更深的理解，比如编写一个表格t...
DOM常用属性&方法
weixin_44951938的博客
05-29 116
DOM常用属性和方法 针对html 文件操作 1、查找HTML元素 语法 说明 document.getElementById() 通过id获取对象 document.getElementsByTagName() 通过标签名获取对象 document.getElementsByClassName() 通过class属性获取对象 2、改变HTML 语法 说明 ...
DOM常用的属性
等，你的到来。
10-19 1321
offsetHeight height+padding+border，当前对象的高度 clientHeight 获取对象可视高度，不包括滚动条，不包括边框 scrollHeight 获取对象的滚动高度/内容总高度 offsetWidth clientWidth scrollWidth offsetTop 当前对象相对于定位父级的top值 clientTop 获取对象上边框的bor
DOM常用属性和方法
gameWYD的专栏
10-18 882
DOM节点类型 属性和方法 说明 NodeType值 备注 Element Node.ELEMENT_NODE 1 元素节点 Text Node.TEXT_
html dom常用方法大全
最新发布
07-17
以下是HTML DOM中常用的一些方法： 1.ById(id)：通过元素的id属性获取元素。 2. getElementsByTagName(tagName)：通过元素的标签名获取元素集合。 3. getElementsByClassName(className)：通过元素的类名获取元素集合。 4. querySelector(selector)：通过CSS选择器获取匹配的第一个元素。 5. querySelectorAll(selector)：通过CSS选择器获取所有匹配的元素。 6. createElement(tagName)：创建一个新的元素节点。 7. createTextNode(text)：创建一个包含指定文本内容的文本节点。 8. appendChild(node)：将一个节点添加为另一个节点的子节点。 9. removeChild(node)：从父节点中移除指定的子节点。 10. replaceChild(newNode, oldNode)：用一个新节点替换父节点中的指定子节点。 11. cloneNode(deep)：克隆一个节点。 12. parentNode：获取当前节点的父节点。 13. childNodes：获取当前节点的所有子节点集合。 14. firstChild：获取当前节点的第一个子节点。 15. lastChild：获取当前节点的最后一个子节点。 16. nextSibling：获取当前节点的下一个兄弟节点。 17. previousSibling：获取当前节点的上一个兄弟节点。 18. innerHTML：获取或设置当前元素的HTML内容。 19. value：获取或设置表单元素的值。 20. style：获取或设置元素的样式属性。 这只是一小部分常用方法，HTML DOM还有很多其他方法和属性可供使用。可以根据具体需求查阅相关文档或参考教程来了解更多方法和属性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值