1、document.getElementById(),通过id选择元素,又因为id仅可以标识唯一的元素所以选出来的元素是唯一的
2、document.getElementsByTagName(),通过标签名选择元素,是一个伪数组
3、document.getElementsByClassName(),通过类名选择。是一个伪数组
4、document.getElementsByName(),通过标签的name属性来选择,一般只有少数的元素起作用(input,iframe img类似有数据交互)
以上四个都是实时的,下面两个则是非实时的(静态的)
5、css选择器:document.querySelector(div>span strong)选出一个元素,类似css的写法,比如这里选出div下面span标签的strong
6/document.getquerySelectorAll()选一组元素
1、遍历节点 parentNode(),返回该节点的父级节点,最顶端的parentNode为#document
childNodes(),返回本节点的直接子级节点们
firstChild(),返回该节点的第一个子节点 lastChild(),返回该节点的最后一个节点
nextSilbling() ,返回该节点的下一个兄弟节点 previousSibling() ,返回该节点的前一个兄弟节点
二、遍历元素的节点 1、parentElement(),返回该元素的父级元素 2、children(),返回该元素的子级元素们(除了该方法其他IE不好使) 3、childElementCount(),求该元素的子级元素的个数 4、fristChildElement(),第一个子级元素 5、lastChildElement(),最后一个子级元素 6、nextElementSibling()该元素的下一个兄弟元素 7、previousElementSibling()该元素的前一个兄弟元素
1、createElement(string)创建元素节点 2、createTextNode(string)创建文本节点 3、createComment(string)创建注释节点
1、appendChild()任何元素节点都有该方法类似push(),如果将已经存在页面的东西插入就会变成剪切 2、insertBefore(a,b)insert a before b
1、parent.removeChild()父级删除字迹元素(他杀) 2、child.remove()子级子级删除(自杀)
reaplaceChild(new,origin),以新new换旧origin