Javascript初学篇章_7(DOM)未完待续
Posted  
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Javascript初学篇章_7(DOM)未完待续相关的知识,希望对你有一定的参考价值。
DOM 文档对象模型
DOM (document object model) 文档对象模型,它定义了操作文档对象的接口。
DOM 把一份html文档表示为一棵家谱树,使用parent(父), child(子), sibling(兄弟)等记号 来表明家庭成员之间的关系。
一、节点
节点(node) 一词来自于网络理论,这代表着网络中一个个的连接点,网络是由节点构成的。
对于html文档也是一样,文档是由节点构成的集合。
1.元素节点
元素节点如 <body> <p> <div> 之类的元素,这些元素在文档中的布局形成了文档的结构。
2.文本节点
文本节点指的是元素节点中的内容,但并非所有的元素节点都包含有文本节点。
3.属性节点
元素都或多或少有一些属性,属性的作用是对元素作出更具体的描述。属性节点总是被包含在 元素节点当中。
二、获取文档对象
1. querySelector() HTML5新加入的方法,通过传入合法的CSS选择器,即可获取符合条件的第一个元素
例:document.querySelector(“#test”); //返回id为test的首个div
2. querySelectorAll() HTML5新加入的方法,通过传入合法的CSS选择器,即可获取所有符合条件的元素,返回对象数组
例:document.querySelectorAll(‘div.foo’);//返回所有带foo类样式的div元素对象
要注意:使用这上面两个方法无法查找带伪类状态的元素,比如querySelector(‘:hover’)不会得到 期结果
以上是关于Javascript初学篇章_7(DOM)未完待续的主要内容,如果未能解决你的问题,请参考以下文章
CentOS-7-x86_64 for Oracle 12cR2 RAC(未完待续)