JavaScript初识之DOM操作（二）

获取标签中的值

// 获取用户的输入值

// 选择，输入文本，文件都算是用户输入

// input , select , textarea

 

只能用.value获取值

.getAttribute('value')无法获取到值

 

 

CLASS操作

先定位到一个标签

 

 

className // 获取所有样式类名(字符串)

classList // 就可以得到它的所有类

 

 

classList.remove(cls) // 删除指定类

classList.add(cls) // 添加类

classList.contains(cls) // 存在返回true，否则返回false

classList.toggle(cls) // 存在就删除，否则添加

 

 

操作CSS样式

// 加一个style 就好了，后面的东西就靠点一下就好了

// 如果后面是要加下划线的，我们只需要把下划线去掉，后面的字母大写就完事了