js常用的属性与方法

一、常用属性

01：返回的是某个对象的索引号

lis[i].index = i;
返回的是lis中每一个小li的索引号；
一般得到当前的小li索引号的语法是
this.index

02：操作元素

01：element.innerHTML = ?  用于修改元素的内容或者插入内容
element.innerHTML 用于获取元素的内容
eg1:可以用于表格插入列等
tr.innerHTML = '<td>'+ value.id +' </td><td></td> ' ;等
eg2:返回每一个小li的内容
lis[i].innerHTML;:

02：表单的固有属性的修改：value,type,checked,disable等
input.value = ? 用于修改表单的值 
input.value 用于获取表单的值

03：图片的固有属性修改：src,title,id等
img.src = ? 用于修改img的路径

（3）：样式属性操作

01：element.style = ?       修改元素的样式（大小，颜色，位置等） 
注意：dispaly也是在样式这边操作的
eg:点击box盒子，它的背景颜色被修改为蓝色
    let div = document.querySelector('div');
    div.onclick = function () {
        div.style.background = 'blue';
    }
02：添加类，但是会覆盖之前的类名
element.className = ?
eg:点击box盒子，span添加了bg类
    div.onclick = function () {
        span.className = 'bg';
    }

二、常用方法