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如何获取元素和节点”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，免费云主机、域名如果想了解更多相关内容的文章，欢迎关注云技术行业资讯频道。

相关推荐: css如何实现以一个点为定点旋转

本文小编为大家详细介绍“css如何实现以一个点为定点旋转”，内容详细，步骤清晰，细节处理妥当，希望这篇“css如何实现以一个点为定点旋转”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。 css以一个点为定点旋转的方法：1、新建一个HT…