2018-07-14

DOM

DOM特点：增删改查

1.查找

通过元素间的查找关系

1)父子关系
    parentElement  查找一个元素的父元素
    children  查找一个元素的所有子元素
    firstElementChild  找到父元素下的第一个子元素
    lastElementChild  找到父元素下的最后一个子元素
2)兄弟关系
    previousElementSibling   前一个兄弟
    nextElementSibling   下一个兄弟

通过HTML间查找关系

1)通过ID查找
    var ele=document.getElementById();   特点：id只有一个ID是唯一性
2)通过Class查找
    var ele=document.getElementsByClassName();  特点：他是可以找到多个  并且返回动态集合(class名)
3)通过标签名
    var ele=document.getElementsByTagName();    特点：他是可以找到多个  并且返回动态集合(数组)
4)通过name属性查找
    var ele=document.getElementsByName();   特点：他是可以找到多个  并且返回动态集合(数组)

通过选择器查找

选择器
    var ele=document.querySelector();       特点：找到一个
所有选择器
    var ele=document.querySelectorAll();    特点：找到多个  并且返回动态集合(数组)

2.增加

createElement();    添加元素
appendChild();      追加元素
insertBefore(新元素，老元素);  插入到某元素之前