02.简单的DOM操作

最新推荐文章于 2022-08-01 20:27:49 发布

最新推荐文章于 2022-08-01 20:27:49 发布 · 52 阅读

本文介绍了一组实用的DOM操作函数，包括prev()、next()、first()、last()、parent()及tag()等，这些函数能帮助开发者高效地进行元素定位与操作，如查找指定元素的前后兄弟节点、首个或末尾子元素、父元素以及按标签名选取元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

prev()函数：返回相关元素的前一兄弟节点
function prev(elem) { do { elem = elem.previousSibling; } while (elem && elem.nodeType != 1); return elem; }

next()函数：返回相关元素的后一兄弟节点
function next(elem) { do { elem = elem.nextSibling; } while (elem && elem.nodeType != 1); return elem; }
first()函数：查找元素第一个子元素
function first(elem){ elem=elem.firstChild; return elem&&elem.nodeType!=1?next(elem):elem; }
last()函数：查找元素最后个元素
function last(elem){ elem=elem.lastChild; return elem&&elem.nodeType!=1?prev(elem):elem; }
parent()函数：查找元素的父元素函数
function parent(elem,num){ num=num||1; for(var i=0;i<num;i++){ if(elem!=null){ elem=elem.parentNode; } return elem; } }
tag()函数：快速查找DOM元素
function tag(name,elem){ return (elem||document).getElementByTagName(name); }