当前位置: 首页 > Web前端 > HTML

DOM操作基本事件

时间:2023-04-02 17:36:24 HTML

DOM结构-两个节点之间可能存在什么关系,节点之间如何移动返回文档的根节点:document.documentElement返回:document.bodyIE浏览器:返回激活的当前文档中的标签节点:document.activeElement返回鼠标移出的源节点:event.fromElement返回鼠标移入的源节点:event.toElement搜狐浏览器:返回激活事件的源节点:event。target返回父节点:node.parentNode,node.parentElement返回所有子节点:node.childNodesornode.children返回第一个子节点:node.firstChild返回最后一个子节点:node.lastChild返回紧跟指定的节点节点:节点。nextSibling返回紧接在指定节点之前的节点:node.previousSiblingDOM操作——如何添加、删除、移动、复制、创建和查找节点1.创建一个新节点创建一个DOM片段:createDocumentFragment()创建一个特定的元素:createElement()创建文本节点:createTextNode()2.添加|删除|替换|InsertappendChild()removeChild()replaceChild()insertBefore()3、通过标签名查找:getElementsByTagName()通过元素的Name属性的值:getElementsByName()传递元素Id,唯一性:getElementById()