DOM 方式不通过直接设置 style 属性改变样式, 通过新加 class 属性值, 然后设置样式 :
function styleElementSiblings(tag, theClass){
if(!document.getElementsByTagName) return fasle;
var elems = document.getElementsByTagName(tag);
var elem;
for(var i = 0; i < elems.length; i++){
elem = getNextElement(elem[i].nextSibling);
addClass(elem, theClass);
}
}
注:
getNextElement 函数在这里 —>getNextElement
addClass 函数在这里 -->addClass
nextSibling 属性: 返回选定元素的下一个同级节点(在相同树层级中的下一个节点)
参数 1 : 标签名 ;
参数 2 : 新的class 属性设置值 ;