DOM学习之一

~_~想学习一点web前端的东西,就来看 javascript&DOM编程艺术 这本书了。

一、DOM的概念

  DOM是指Document Object Model (文档对象模型),其中Javascript中的对象有三个:

用户自定义对象

内建对象

宿主对象

 

其中DOM中的Model其实就是一种表现形式,DOM把文档表示成一棵树。

  <body>
    <h1>What to buy</h1>
    <p title="a gentle reminder">Don't forget to buy this stuff.</p>
    <ul id="purchases">
      <li>A tin of beans</li>
      <li>Cheese</li>
      <li>Milk</li>
    </ul>
     <script type="text/javascript" src="javascript/myscript.js"> </script>
  </body>

 

 

这棵树上有很多的节点,主要为三种:

元素节点,像 <body>、<p>

文本节点,像 Don't forget to buy this stuff.

属性节点,像 title="a gentle reminder"

 

二 DOM中获取元素的方法

  1 getElementById(id)                                //给定id属性值获取对象

  2 getElementsByTagName(tagname)                   //给定标签值获取对象

  3 getAttribute(attribute)                                      //获取属性值

  4 setAttribute(attribute,value)                                     //设置属性值

  5 childNodes                                                        //返回任一元素的所有子元素

  6 nodeType                                                         //获取节点类型

  7 nodeValue                                                        //获取节点值

之前就学习了这么多关于DOM的东西。:)

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(JavaScript,入门)