CSS Document 什么意思?

html-css043

CSS Document 什么意思?,第1张

CSS Document

译为:CSS文件

层叠样式表(CSS)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

CSS目前最新版本为CSS3,是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言,CSS能够对网页中的对象的位置排版进行像素级的精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力,并能够进行初步交互设计,是目前基于文本展示最优秀的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法,针对各类人群,有较强的易读性。

Document 对象

每个载入浏览器的 HTML 文档都会成为 Document 对象。

Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。

document选择器常用的有六个,分别是

1、getElementById()

2、getElementsByName()

3、getElementsByTagName()

4、getElementsByClassName()

5、querySelector()

6、querySelectorAll()。

各个选择器的用法:

1、document.querySelector()

querySelector()方法仅仅返回匹配指定选择器的第一个元素。

2、document.getElementById

这个方法将返回一个与之对应id属性的节点对象,它是document对象特有的函数,只能通过其来调用该方法,使用方法下:document.getElementById(‘idName’)

3、getElementsByTagName

这个方法返回一个对象数组(准确的说是htmlCollection集合),返回元素的顺序是它们在文档中的顺序,传递给getElementsByTagName()方法的字符串可以不区分大小写,使用方法如下:document.getElementsByTagName(tagName)

4、getElementsByClassName

这个方法来获取指定class名的元素,该方法返回文档中所有指定类名的元素集合,作为NodeList对象。NodeList对象代表一个有顺序的节点列表。

NodeList对象我们可通过节点列表中的节点索引号来访问列表中的节点(索引号由0开始),所以有时使用时要指定下标,使用方法如下:document.getElementsByClassName(‘className’)

扩展资料:

选择器的优缺点:

1、querySelector是按css规范来实现的,所以它传入的字符串中第一个字符不能是数字.

2、querySelector()方法返回匹配指定css选择器元素的第一个子元素。该方法只返回匹配指定选择器的第一个元素。如果要返回所有匹配元素,需要使用querySelectorAll()方法替代.

3、query选择符选出来的元素及元素数组是静态的,而getElement这种方法选出的元素是动态的。静态的就是说选出的所有元素的数组,不会随着文档操作而改变.