前端学习(三)

节点:它表示网络中的一个连接点。

元素节点:DOM的原子就是元素节点。

                 标签的名字就是元素的名字。文本段落元素的名字是“p“,无序清单元素的名字                    是”ul“,列表项元素的名字是”li“。

                 元素可以包含其他的元素。

文本节点:例如<p>元素包含着文本"Don't forget to buy this stuff."。它是一个文本节点。

                 文本节点总是被包含在元素节点的内部。但并非所有的元素节点都包含文本节点。

属性节点:属性节点用来对元素做出更具体的描述。例如title,id,class等

                 并非所有的元素都包含着属性,但所有的属性都被元素包含。

CSS

class属性:在样式表里为class属性值相同的所有元素定义同一种样式:

                 .special {

                     font-style: italic;

                  }

                 还可以利用class属性为一种特定类型的元素定义一种特定的样式:

                 p.special {

                     text-transform: uppercase;

                 }

id属性:给网页里的某个元素加上一个独一无二的标识符

             <ul id="purchases">

             #purchases {

                  border: 1px solid white;

                  background-color: #333;

                  color: #ccc;

                  padding: 1em;

               }

              还可以利用id属性为包含在该特定元素里的其他元素定义样式

              #purchases li {

                   font-weight: bold;

               }

三种可获取元素节点的DOM方法

getElementById:document.getElementById(id)

                             此调用将返回一个对象,这个对象对应着document对象里的一个独一无二的                              元素,那个元素的HTML id属性值是purchases。文档中的每一个元素都是一                              个对象。

                             eg: document.getElementById("purchases")

getElementsByTagName:element.getElementsByTagName(tag)

                             此方法参数为标签名,返回一个对象数组,每个对象分别对应着文档里有着给                              定标签的一个元素。

                              eg: documnet.getElementsByTagName("li")

getElementsByClassName:getElementsByClassName(class)

                              此方法的返回一个具有相同类名的元素数组。要指定多个类名,只要在字符                                 串参数中用空格分隔类名即可,类名的实际顺序不重要,就算元素还带有更                                 多类名也没关系。

评论

© 完全感觉Dreamer | Powered by LOFTER