操作元素

js操作元素修改的是行内样式，优先级较高

this指向

this指向的是事件函数的调用者

改变元素内容

element.innerText=''

获取元素从开始到终止位置的内容，去除标签，同时空格和换行也会去掉

element.innerHTML=''

获取元素从开始到终止位置的内容，包括标签，同时保留空格和换行

这两个属性都是可读写的，可以获取元素内的内容

改变元素属性

获取元素后，修改对象内相应的属性src、href、id、alt、title等

1.获取属性值

element.属性 获取属性值

element.属性=‘值’ 设置属性值

element.getAttribute(‘属性’) 获取自定义属性

H5新增自定义属性规范(data-开头)

获取H5自定义属性

1.兼容性获取 element.getAttribute(‘data-属性’);

2.H5新增 element.dataset.属性 或者 element.dataset[‘属性’]

注：自定义属性(除data-)带’-'时调用需用驼峰命名法
eg：
属性 data-list-name

调用 dataset[‘listName’]

自定义属性的操作

element.removeAttribute(‘属性’); 移除属性

改变表单属性

可以操作表单属性 type、value、checked、selected、disabled

改变样式属性

获取样式操作

1.element.style 行内样式操作

2.element.className 类名样式操作

样式较多时className类名方式更方便，会直接更改元素类名，覆盖原先类名