<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<script>
//封装文本兼容(获取纯文本)
function setInnerText (element,content) {
if(typeof element.innerText==="string") {
element.innerText=content
}
else{
element.textContent=content
}
}
//获取下一次兄弟元素的函数
function nextElement (element) {
if(element.nextElementSibling) {
return element.nextElementSibling
}
else {
var next=element.nextSibling
while (next&&next.nodeType!==1) { //元素节点是等于nodeType=1,一直循环
next=next.nextSibling //取该节点不满足nodeType=1的节点的下个兄弟元素
}
return next
}
}
//获取第一个子元素
function firstElementChild (element) {
if(element.firstElementChild) {
return element.firstElementChild
}
else {
var node=element.firstChild
while (node&&node.nodeType!==1) {
node=node.nextSibling
}
return node
}
}
//获取元素封装
function $ (id) {
return document.getElementById(id)
}
var btn=$("btn")
</script>
</body>
</html>
常见函数封装工具(待补充)
最新推荐文章于 2021-09-18 17:21:53 发布