• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏吧

js中有关DOM操作以及事件绑定

互联网 diligentman 1周前 (10-16) 10次浏览

如何获取页面的dom元素

1.通过id来获取:document.getElementById(); 得到一个DOM对象
2.通过类名来获取:document.getElementsByClassName();得到一个数组;
3.通过tag标签来获取:document.getElementByTagName('p');得到p元素的一些集合

如何用js来操作dom元素

1.创建元素的方法:createElement();
2.创建一个文本节点:createTextNode();
3.元素插入到页面:

node.appendChild() //插入到node元素节点之后
insertBefore(newNode,node) //插入到node节点之前

4.删除节点:removeChild()
5.替换节点:replaceChild(newNode,node) //替换node节点
6.复制节点:node.cloneChild(true/false) //true 代表复制子节 点 false 代表不复制子节点

js中有12种节点类型,每一种节点类型都有3个属性:nodeType nodeName NodeValue.我常用的节点类型有:元素节点,属性节点,文本节点,注释节点

5.获取当前节点的父节点:parentNode()
6.获取兄弟节点:nextSibiling (某节点之后紧跟的节点) previousSibling(某节点的上一个节点)
7.获取子节点:ele.childNodes–>返回一个数组 firstChild lastChild

DOM绑定事件

1.dom绑定事件有2种方式:

ele.onClick=function(){
}

ele.addEventListner(事件名,事件执行程序,是否冒泡(默认为false,不进行冒泡))

2.这2种事件绑定方式有什么区别?

第一种绑定方式只会执行最后一次绑定的事件处理程序
第二种可以为一个元素创建多个事件处理程序

DOM事件未完待续。。。随后补充


喜欢 (0)