JavaScript如何获取元素和节点


本文小编为大家详细介绍“JavaScript如何获取元素和节点”,内容详细,步骤清晰,细节处理妥当,希望这篇“JavaScript如何获取元素和节点”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。通过ID获取(getElementById)通过name属性(getElementsByName)通过标签名(getElementsByTagName)通过类名(getElementsByClassName)通过选择器获取一个元素(querySelector)通过选择器获取一组元素(querySelectorAll)获取html的方法(document.documentElement)获取body的方法(document.body)上下文必须是document。必须传参数,参数是string类型,是获取元素的id。返回值只获取到一个元素,没有找到返回null。参数是元素的类名。返回值是一个类数组,没有找到返回空数组参数是是获取元素的标签名属性,不区分大小写。返回值是一个类数组,没有找到返回空数组参数是选择器,如:”p .className”。返回单个node,如果有多个匹配元素就返回第一个返回值是一个类数组在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性1. nodeName : 节点的名称2. nodeValue :节点的值3. nodeType :节点的类型一、nodeName 属性: 节点的名称,是只读的。元素节点的 nodeName 与标签名相同属性节点的 nodeName 是属性的名称文本节点的 nodeName 永远是 #text文档节点的 nodeName 永远是 #document二、nodeValue 属性:节点的值元素节点的 nodeValue 是 undefined 或 null文本节点的 nodeValue 是文本自身属性节点的 nodeValue免费云主机域名 是属性的值三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型:元素类型 节点类型元素 1属性 2文本 3 空格也是返回3注释 8文档 9 1.创建节点:createElement(”) 2.插入节点:appendChild ()用法是: parent.appendChild(child)会将child节点添加到parent里的最后面如果子节点原本就存在,会移除原节点,添加新节点 到最后,但是事件会保留 2-1.插入节点:insertBefore()用法是 parent.insertBefore(newNode,refNode);1.删除节点:removeChild用法是:parent.removeChild(child)如果删除的不是父元素的子节点会报错1.克隆节点:parent.cloneNode() false 或者true克隆节点(需要接受一个参数来表示是否复制元素)1.替换节点 方法node.replace(new,old) 作用:当向document中添加大量的节点时,如果逐个添加将会十分缓慢,这时可以使用文档碎片一次性添加到document中语法:document.createDocumentFragment();承载节点读到这里,这篇“JavaScript如何获取元素和节点”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注百云主机行业资讯频道。

相关推荐: React怎么实现全屏监听Esc键

今天小编给大家分享一下React怎么实现全屏监听Esc键的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。退出方式有两种:1.通过上面的reques…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 05/04 16:34
Next 05/04 16:34

相关推荐