本文主要是介绍JS DOM元素,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
// 为element增加一个样式名为newClassName的新样式
function addClass(element, newClassName) {var value = element.className;element.className = value + " " + newClassName;
}
var box = document.getElementById("box");
addClass(box,'js')
// 移除element中的样式oldClassName
function removeClass(element, oldClassName) {var value = element.className;var str = value.replace(oldClassName,"");element.className = str;
}
var box = document.getElementById("box");
console.log(removeClass(box,"active"));
// 判断siblingNode和element是否为同一个父元素下的同一级的元素,返回bool值
function isSiblingNode(element, siblingNode) {return element.parentNode===siblingNode.parentNode;
}var box1 = document.getElementById("box1");
var box2 = document.getElementById("box2");console.log(isSiblingNode(box1,box2))
// 获取element相对于浏览器窗口的位置,返回一个对象{x, y}
function getPosition(element) {return {x:element.offsetLeft,y:element.offsetTop};
}
var box1 = document.getElementById("box1");
console.log(getPosition(box1));
这篇关于JS DOM元素的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!