DOM的事件函数this和className等样式注意点
生活随笔
收集整理的这篇文章主要介绍了
DOM的事件函数this和className等样式注意点
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
事件中的this,除了可以使用event.srcElement在事件中响应函数中,this表示发生事件的控件,只有在事件响应函数才能使用this获得相应事件的控件,在事件响应函数中调用的函数中不能使用,如果要使用调用的函数中使用要将this传递给函数或者使用event.srcEvent才行,(*)this和event.srcEvent的语义是不一样的,this表示当前监听事件的这个对象,event.srcElement是引发事件的对象,比如冒泡时间
修改元素的样式不是设置calss属性,而是className属性
单独修改样式的属性使用“style.属性名”,注意在css中属性名在javascript中操作时属性名可能不一样,主要在那些属性名中含有-的属性,因为javascript中-是不能做属性、类名的,所以css中背景颜色是background-color,而在javascript则是style.background,元素样式名class在javascript中是className属性,font-size->style.fontSize,margin-top->style.marginTop
修改元素的样式不是设置calss属性,而是className属性
单独修改样式的属性使用“style.属性名”,注意在css中属性名在javascript中操作时属性名可能不一样,主要在那些属性名中含有-的属性,因为javascript中-是不能做属性、类名的,所以css中背景颜色是background-color,而在javascript则是style.background,元素样式名class在javascript中是className属性,font-size->style.fontSize,margin-top->style.marginTop
总结
以上是生活随笔为你收集整理的DOM的事件函数this和className等样式注意点的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: 点击按钮改变div的颜色
- 下一篇: onfocus和onblur