JavaScript监听div变化改变元素样式

JavaScript015

JavaScript监听div变化改变元素样式,第1张

1、使用obj.className来修改样式表的类名。

2、使用obj.style.cssTest来修改嵌入式的css。

3、使用obj.className来修改样式表的类名。

4、使用更改外联的css文件,从而改变元素的css

找到目标元素的父元素,再找到它的子元素即可:

目标元素.parentNode.childNode

然后再通过循环给每个元素更改样式即可。当然这里面也包括了目标元素,要不要排除掉就看你了

也可以直接找目标元素的兄弟元素,但这要分两步走:往前找和往后找,除非目标元素是所有兄弟里面的老大或老幺,倒不如通过老爸直接找到所有兄弟来得更快更方便。

原型是用DOM的style属性方法:

Element.style.[styleDOMName] = "value"

Element:指定元素,用document.createElement / document.getElement获取元素obj

或者使用setAttribute方法:

Element.setAttribute('style','css代码')//会覆盖所有的原来在这个标签上style属性赋的值

Element.setAttribute('style',Element.getAttribute('style') + "")//不会覆盖