`
yaobo2816
  • 浏览: 24753 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
文章分类
社区版块
存档分类
最新评论

js 常用节点汇总

 
阅读更多
<p>nodeName String 节点的定义,根据节点的类型而定义;</p>
<p>nodeValue String 节点的值,根据节点的类型而定义;</p>
<p>nodeType Number 节点的类型常量值之一;</p>
<p>ownerDocument Document 指向这个节点所属的文档;</p>
<p>firstChild Node 指向在childNodes中的第一个节点;</p>
<p>lastChild Node 指向在childNodes中的最后一个节点;</p>
<p>childNodes NodeList 所有子节点的列表;</p>
<p>previousSibling Node 指向前一个兄弟节点;如果这个节点就是第一个节点,那么该值为NULL;</p>
<p>nextSibling Node 指向下一个兄弟节点;如果这个节点就是第一个节点,那么该值为NULL;</p>
<p>hasChildNodes() Boolean 当childNodes包含一个或多个节点时,返回真;</p>
<p>Attributes&nbsp;NamedNodeMap 包含了代表一个元素的特性的attr对象,仅用于Element节点;</p>
<p>appendChild 将node添加到childNodes的末尾;</p>
<p>removeChild 删除node;</p>
<p>replaceChild(newnode,oldnode) 替换node,即将oldnode替换成newnode;</p>
<p>insertBefore(newnode,refnode) 在childNodes中的refnode之前插入newnode;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>处理属性:</p>
<p>getNamedItem(name):返回nodeName属性值等于name的节点;</p>
<p>removeNamedItem(name):删除nodeName属性值等于name的节点;</p>
<p>setNamedItem(node):将node添加到列表中,按其nodeName属性进行索引;</p>
<p>item(pos):跟NodeList一样,返回在位置pos的节点;</p>
<p>example:</p>
<p>&lt;p style="color:red" id="p1"&gt;hello world&lt;/p&gt;</p>
<p>&nbsp;</p>
<p>var sid=op.attributes.getNameItem("id").nodeValue;或 var sid=op.attributes.getNameItem(1).nodeValue;</p>
<p>&nbsp;</p>
<p>var sid=op.getAttribute("id");</p>
<p>op.setAttribute("id","newid");</p>
<p>&nbsp;</p>
<p>加节点:</p>
<p>var op=document.create_rElement("p");</p>
<p>var otext=document.create_rTextNode("hello.");</p>
<p>op.appendChild(otext);</p>
<p>document.body.appendChild</p>
分享到:
评论

相关推荐

    常用js特效汇总

    这个"常用js特效汇总"的资源集锦包含了多种常见的JavaScript特效实现,旨在帮助开发者快速找到并理解各种JavaScript技巧和应用。 1. **DOM操作**:JavaScript通过Document Object Model(DOM)来操作HTML和XML文档...

    107句js常用语句

    ### 107句JS常用语句解析 #### 1. 输出语句 - **语法**: `document.write("");` - **用途**: 在HTML文档中直接输出文本或变量。 - **示例**: `document.write("Hello World!");` #### 2. JS中的注释 - **语法**: `...

    近百个常用js代码汇总

    这个资源"近百个常用js代码汇总"显然是一份集合了众多实用JavaScript代码片段的资料,对于初学者和开发者来说都是宝贵的参考资料。接下来,我将详细讲解其中可能包含的一些重要知识点。 1. **基础语法**: - 变量...

    蓝凌系统表单JS大全(持续更新)

    在"蓝凌系统表单JS大全(持续更新)"这个资源包中,包含了用于增强表单功能的JavaScript代码片段和方法,帮助用户实现更加灵活和个性化的表单设计。 JavaScript(简称JS)是一种广泛应用于客户端Web开发的脚本语言...

    javascript常用方法汇总

    以上便是对文章中提到的JavaScript常用方法的详细解读。掌握这些技巧对于提高日常开发效率和代码质量非常有帮助。在不断实践中熟练运用这些方法,可以让开发者更加游刃有余地应对各种编程挑战。

    JavaScript DOM常用操作代码汇总

    - 常用属性:`parentNode`返回当前元素的父节点,`children`和`childNodes`返回子元素和所有子节点,`firstChild`和`lastChild`获取第一个和最后一个子节点,`nextSibling`和`previousSibling`获取同级元素,`...

    JavaScript的document方法汇总

    ### JavaScript的document方法汇总 在Web开发中,`document`对象是浏览器提供的核心对象之一,它代表当前加载的HTML文档,并提供了与文档交互的各种方法和属性。本文将详细介绍`document`对象的一些常用方法及其...

    javascript面试题汇总.pdf

    JavaScript面试题汇总的知识点涵盖了多个方面,包括数据类型、类型转换、字符串与数组方法、浏览器兼容性、异步请求、作用域与闭包、事件处理、JSON数据解析、DOM操作等。下面将详细介绍这些知识点: 1. **数据类型...

    jQuery查找节点并获取节点属性的方法

    在学习和实践这些技巧的过程中,可以参考相关的教程和专题文章,如文中提到的《jQuery操作DOM节点方法总结》、《jQuery页面元素操作技巧汇总》等,这些资源能够帮助开发者更全面地掌握jQuery的强大功能。 总之,...

    jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)

    jQuery作为一个强大的JavaScript库,极大地简化了JavaScript编程,特别是DOM操作。其中,对节点进行插入和移动操作是非常常见的需求,而jQuery通过提供了一组简单易用的方法来实现这些操作,本文将详细介绍其中的...

    E10查用SQL语句集合E10查用SQL语句集合

    、物料采购分析表、物料呆滞料计算、应付-已付汇总表(已付款未扣除)、应付-已付汇总表(已付已扣除)、订单达交率(以订单发货计划为分析维度、订单达交率(以订单为分析维度)、工单准时完工率 以及50个多后台导入...

    ELK部署问题汇总1

    ELK堆栈,即Elasticsearch、Logstash和Kibana的组合,是日志管理和分析的常用工具。本文将汇总ELK部署过程中常见的问题及其解决方案。 首先,我们来看Logstash的部分。Logstash是一个用于收集、解析、过滤和转发...

    jquery不常用方法汇总

    `.find()`方法允许你在已有的jQuery对象上进行进一步筛选,而直接使用CSS选择器则会从文档的根节点重新开始匹配。在复杂DOM结构和多级嵌套的情况下,`.find()`可以提高性能,因为它避免了重复遍历DOM树。 举个例子...

    javascript insertAfter()定义与用法示例

    在给定文档的最后部分,提到了关于JavaScript的多个专题,包括《JavaScript常用函数技巧汇总》、《JavaScript切换特效与技巧总结》等。这些都是非常有价值的资源,对于想要深入学习和提高JavaScript编程技能的开发者...

    JavaScript Programmer_s Reference.pdf

    1. **JavaScript语言参考**:汇总常用内置对象、API接口、错误类型等信息,方便快速查找。 2. **资源推荐**:列出官方文档链接、社区论坛地址、在线课程网址等学习资源供读者进一步深造。 通过以上内容的学习,...

    jQuery树形插件jquery.simpleTree.js用法分析

    这使得树形菜单的每个节点不仅只是静态的,还可以有动态的行为,如链接跳转、弹出详情、触发其他JavaScript函数等。 ### 8. 高级主题 - **扩展技巧**:了解如何利用jquery.simpleTree.js与其他jQuery插件或技巧结合...

    JS读写CSS样式的方法汇总

    本文主要汇总了四种主要的原生JS方法,帮助开发者高效地操作CSS样式。 1. **通过DOM节点对象的style对象** 当你需要直接修改某个元素的内联样式时,可以使用`style`对象。例如,获取id为`test`的元素并将其颜色...

Global site tag (gtag.js) - Google Analytics