js基础知识（二十五）--DOM查询的其他方法、获取元素的后代和子元素

一、DOM查询的其他方法
在document提供了一些直接获取元素的方法
document.body获取到页面的body元素
document.documentElement获取页面html中的根元素
document.querySelector():根据css选择器来获取一个元素节点,需要一个选择器的字符串作为参数，会根据选择器去页面中获取元素，该方法只会返回符号条件的第一个元素
document.querySelectorAll():根据css选择器返回所有符合条件的元素节点

二、获取元素的后代和子元素
childNodes表示当前元素的所有子节点，空白的文本节点也会被当成子节点返回
children获取当前元素的所有子元素
firstChild用来获取当前元素的第一个子节点
firstElementChild用来获取当前元素的第一个子元素
lastChild最后一个子节点
lastElementChild最后一个子元素
parentNode用来获取当前元素的父节点
previousSibling获取当前节点的前一个兄弟节点
previousElementSibling获取当前节点的前一个兄弟元素
nextSibling 获取下一个兄弟节点
nextElementSibling 获取下一个兄弟元素
innerHTML表示标签内部的html代码（包含标签的）
innerText表示标签内部的文本内容（不含标签）
textContent表示标签内部的文本内容（不含标签）

js基础知识（二十五）--DOM查询的其他方法、获取元素的后代和子元素相关推荐

（五）JS基础知识二（通过图理解原型和原型链）【三座大山之一，必考！！！】
JS基础知识二(原型和原型链) 提问 class 继承类型判断(instanceof) 原型原型关系基于原型的执行规则原型链说明提问如何准确判断一个变量是不是数组 class的原型本质 ...
C#基础概念二十五问[转]
注:本文部份资料来自网络,如有侵权,请与我联系,我会在第一时间声明引用或将其删除! 当初学 C# 时是找个人大概问了一下数据类型和分支语句就开始做项目了.这两天又全面的看了一下相关的基础知识(学而时习 ...
C#基础概念二十五问
注:本文部份资料来自网络,如有侵权,请与我联系,我会在第一时间声明引用或将其删除! 当初学 C# 时是找个人大概问了一下数据类型和分支语句就开始做项目了.这两天又全面的看了一下相关的基础知识(学而时习 ...
示波器基础知识二十问（下）
目录第十一问: 示波器的测量方法--光标测量第十二问: 示波器的测量方法--自动测量第十三问: 介绍常用的测量类型(一) 第十三问: 介绍常用的测量类型(二) 第十四问: 示波器垂直系统--什么 ...
js基础知识温习：Javascript中如何模拟私有方法
本文涉及的主题虽然很基础,在很多人眼里属于小伎俩,但在JavaScript基础知识中属于一个综合性的话题.这里会涉及到对象属性的封装.原型.构造函数.闭包以及立即执行表达式等知识. 公有方法公有方法 ...
C#面向对象基础概念二十五个 (很基础，必须掌握的知识)
1.静态成员和非静态成员的区别? 2.const 和 static readonly 区别? 3.extern 是什么意思? 4.abstract 是什么意思? 5.internal 修饰符起什么作用 ...
C#基础概念二十五问【二】 [转]
11.可以使用抽象函数重写基类中的虚函数吗? 答: 可以需使用 new 修饰符显式声明,表示隐藏了基类中该函数的实现或增加 override 修饰符,表示抽象重写了基类中该函数的实现示例: cl ...
基础知识（十五）Cmake
Cmake学习笔记: CMAKE_MINIMUM_REQUIRED(VERSION 2.6)#cmake版本要求PROJECT(tiny_cnn)#设置项目名称 set(SRC main.c)#定义变 ...
机器学习基础（二十五）—— Feature Selection
特征可以被选择(筛选.过滤)的前提是,原始的特征空间中存在: (1)冗余特征(redundant feature),比如年龄与生日 (2)与目标问题不相关特征(irrelevant feature), ...

js基础知识（二十五）--DOM查询的其他方法、获取元素的后代和子元素

js基础知识（二十五）--DOM查询的其他方法、获取元素的后代和子元素相关推荐

最新文章

热门文章