DOM 里的元素结点都有一个 style 属性,用于控制元素结点的显示样式,与 CSS 里面的各属性有一一对应的关系
对应方式如:node.style.color 对应 CSS 里的 color
node.style.fontSize 对应 CSS 里的 font-size
即 首单词首字母小写,其他单词首字母大写的形式
style 属性是一个对象,可以用 typeof 来检验,该对象就封装了与 CSS 对应的属性
利用 node.style.* 方式来读取属性是有限制的,这种方式只能读取 页面元素里的内嵌 style 属性 或 JS 自己显示设置过的,而不能读取利用 <link> 方式从外部联接的 和 在 <head> 元素之间定义的 style,因为后两种方式的属性并没有被封装到 style 对象里面去,所以读取不到
另外,当用 JS 取元素结点的 class 属性时,应是利用 className 属性,而不是 class,至于为什么就不用多说了
当然对于一个 class 属性可以同时指定多个 className,只要用空格隔开就行了
如 <p class = "class1 class2 class3">asdf</p>