元素属性、类名、内容、获取和设置、删除

使用类名设置样式的好处是：样式复用方便；

js中直接通过元素的className属性设置元素的类名；

首先获取元素例如box

box.className = 'colorRed';

className只能设置标签行内属性；

 

获取属性：

获取自定义属性的方法是：元素.getAttribute（'要获取的属性名'）；可以是自定义的也可以

是标签内置属性；

 

设置属性

给标签设置在自定义属性时（推荐）添加 data-  前缀；设置方法

元素.setAttribute('data-自定义名称','自定义属性的值')；

使用上述方法也可以操作标签行内自带属性：

虽然可以操作自带属性，但是还是原始方式比较简便  （元素.style.属性名 = '属性值'）。

 

删除属性 

元素名称.removeAttribute('要删除的属性名称');

 

 

innerHTML 和 innerText 给元素添加内容设置会把之前的元素覆盖掉

两个方法的区别是

innerHTML：既可以操作纯文本又可以生成标签；

innerText    ：只能生成纯文本不能生成结构；