Js具体操作

Js具体操作
Js操作元素内容的方法
操作普通双标签内容：
innerText
获取元素内容用法：元素.innerText
作用：获取元素的纯文本内容，如果元素具备标签内容 是不会被获取到的
设置元素内容用法：元素.innerText = “文本内容”
作用：将元素内容 设置为指定的文本内容 如果文本中有html内容 并不会被 成功的解析，而是直接作为文本内容写入标签中
innerHTML
获取元素内容用法：元素.innerHTML
作用：获取元素的html内容
设置元素内容用法：元素.innerHTML = “html内容”
作用：将元素内容 设置为 指定的html内容 可以解析html的标签内容
操作表单元素内容：
Value
获取表单元素内容用法：元素.value
作用：获取表单元素的内容
设置表单元素内容用法：元素.value = “表单内容”
作用：设置表单元素的内容为 指定的值
Js操作元素属性的方法
获取元素属性值
用法：元素.属性名
作用：得到元素属性对应的值
设置元素属性值
用法：元素.属性名 = 属性值
作用：将元素的属性 设置为 指定的 值
注意：以上用法 只能适用于 常规的属性操作 类名这种属性就不能直接这样操作
Js操作类名的方法
获取类名
用法：元素.className
设置类名
用法：元素.className = “指定的类名”
Js操作元素样式的方法
Style:这个方法 只能操作 行内样式
获取元素行内样式：元素.style.样式属性名
设置元素行内样式：元素.style.样式属性名 = “属性值”
Style中background-color font-size 等这类属性 在操作的时候，都需要写作驼峰命名法 backgroundColor fontSize
cssText
用法：元素.style.cssText = “行内css样式”
注意：这个方法在使用之后 会彻底覆盖掉 当前元素先前所有的行内样式。因此使用的时候需要小心