码迷,mamicode.com
首页 > 其他好文 > 详细

什么是dom

时间:2017-09-04 18:53:44      阅读:209      评论:0      收藏:0      [点我收藏+]

标签:data   attr   操作   elements   classname   console   nbsp   数组   node   

DOM概述
html加载完毕,渲染引擎会在内存中吧html文档生成一个DOM树,
getElementById是获取DOM上的元素,然后操作的时候修改的该元素的属性
 
什么是DOM和节点
 
1、 DOM由节点(标签)组成
2、DOM是一个树状模型
3、节点都是object类型,都是内置对象
        a)每个HTML标签都是一个元素节点
        b)   标签中的文章是文字节点
        c)标签的属性是属性节点
4、DOM操作就是操作节点
 
DOM节点的获取方法 (获取的都是标签元素)
 
1、id获取 
        document.getElementById( " " ) 
        返回值是标签    
 
2、标签名获取
        dcoument.getElementsByagName( " " )
        返回一个标签伪数组 
        dcoument.getElementsByagName( ‘‘ a“ )[ 0 ]获取第一个标签名a的元素
 
3、类名获取(不常用,H5新加的 ie6\7不支持)
        document.geElementsByClassName( " " )
        返回一个标签伪数组
        如果没有获取到,返回空数组
    document.geElementsByClassName( " a" )[ 0 ]获取第一个类名是a的元素
 
4、标签 Name属性获取
        <div name="aaa">
        document.geElementsByName( ‘‘ “ )
     
5、标签的命名空间获取
      docuemnt.geElementsByTegNameaNS()
 
6、标签属性获取 getAttributeNode
      docuemnt.getAttributeNode()
var box=document.getElementById("box")
var box1=box.getAttributeNode("id")
console.log(box1)

 

什么是dom

标签:data   attr   操作   elements   classname   console   nbsp   数组   node   

原文地址:http://www.cnblogs.com/wdz1/p/7474934.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!