js一些基础

简介: js一些基础

4.2.3、文档节点

文档节点(Document)代表的是整个HTML文 档,网页中的所有节点都是它的子节点。

document对象作为window对象的属性存在的,我们不用获取可以直接使用。

通过该对象我们可以在整个文档访问内查找节点对象,并可以通过该对象创建各种节点对象。

4.2.4、元素节点

HTML中的各种标签都是元素节点(Element),这也是我们最常用的一个节点。

浏览器会将页面中所有的标签都转换为一个元素节点, 我们可以通过document的方法来获取元素节点。

例如:document.getElementById(),根据id属性值获取一个元素节点对象。

4.2.5、属性节点

属性节点(Attribute)表示的是标签中的一个一个的属 性,这里要注意的是属性节点并非是元素节点的子节点,而是元素节点的一部分。可以通过元素节点来获取指定的属性节点。

例如:元素节点.getAttributeNode("属性名"),根据元素节点的属性名获取一个属性节点对象。

注意:我们一般不使用属性节点。

4.2.6、文本节点

文本节点(Text)表示的是HTML标签以外的文本内容,任意非HTML的文本都是文本节点,它包括可以字面解释的纯文本内容。文本节点一般是作为元素节点的子节点存在的。获取文本节点时,一般先要获取元素节点,在通过元素节点获取文本节点。

例如:元素节点.firstChild;,获取元素节点的第一个子节点,一般为文本节点。

4.3、DOM文档操作

文档对象代表您的网页,,如果您希望访问 HTML 页面中的任何元素,那么您总是从访问 document 对象开始。

下面是一些如何使用 document 对象来访问和操作 HTML 的实例。

 

拓展知识1:

通过style属性设置和读取的都是内联样式,无法读取样式表中的样式或者说正在应用的样式,如果想要读取当前正在应用的样式属性我们可以使用元素.currentStyle.样式名来获取元素的当前显示的样式,它可以用来读取当前元素正在显示的样式,如果当前元素没有设置该样式,则获取它的默认值,但是currentStyle只有IE浏览器支持,其它的浏览器都不支持,在其它浏览器中可以使用getComputedStyle()这个方法来获取元素当前的样式,这个方法是window的方法,可以直接使用,但是需要两个参数:

第一个参数:要获取样式的元素

第二个参数:可以传递一个伪元素,一般都传null

该方法会返回一个对象,对象中封装了当前元素对应的样式,可以通过 对象.样式名 来读取样式,如果获取的样式没有设置,则会获取到真实的值,而不是默认值,比如:没有设置width,它不会获取到auto,而是一个长度,但是该方法不支持IE8及以下的浏览器。通过currentStyle和getComputedStyle()读取到的样式都是只读的,不能修改,如果要修改必须通过style属性,因此,我们可以写一个适配各个浏览器的读取元素样式的方法。

 

 

目录
相关文章
|
PyTorch 算法框架/工具 数据可视化
PyTorch 2.2 中文官方教程(四)(2)
PyTorch 2.2 中文官方教程(四)
186 0
PyTorch 2.2 中文官方教程(四)(2)
|
存储 NoSQL Linux
定时器的实现方案:红黑树和多级时间轮
定时器的实现方案:红黑树和多级时间轮
|
Java 测试技术 数据安全/隐私保护
基于ssm+vue.js+uniapp小程序的邮件过滤系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的邮件过滤系统附带文章和源代码部署视频讲解等
75 0
基于ssm+vue.js+uniapp小程序的邮件过滤系统附带文章和源代码部署视频讲解等
|
前端开发 JavaScript 算法
RSC 就是套壳 PHP ?带你从零实现 React Server Component
RSC 就是套壳 PHP ?带你从零实现 React Server Component
210 0
|
JSON 前端开发 JavaScript
微信小程序-收货地址开发
微信小程序-收货地址开发
微信小程序-收货地址开发
|
Web App开发 移动开发 缓存
浅析-vue.js
最初的网页以HTML为主,是纯静态的网页。网页是只读的,信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容即可。
浅析-vue.js
|
前端开发
前端学习案例7-组合继承
前端学习案例7-组合继承
108 0
前端学习案例7-组合继承
|
图形学 Windows
Unity小技巧介绍
技巧一为字段声明的代码中加上[Tooltip(“XX”)]属性声明,在检视面板中,当鼠标悬停在字段名上,会出现Tooltip中指定的提示信息,让策划人员能更好地理解字段代表的意思。技巧二在层级视图中选中游戏对象,按快捷键Shift + Alt + A可以快速设置对象激活状态。
1330 0
|
Python
pythonchallenge_level4
pythonchallenge各关解题
1157 0