Question

js，当鼠标移动到表格一行上时，该行背景颜色改变，this.className+='highlight'这个+=是何意思

<script type="text/javascript">
var rows=document.getElementsByTagName('tr')
for(var i=0;i<rows.length;i++){
rows[i].onmouseover=function(){
this.className+='highlight';
}

rows[i].onmouseout=function(){
this.className=this.className.replace('highlight','');
}

}

Answer 1

+=就是他原本的class再加上highlight，你这个写法只能针对这个tr原来没有设置class的前提下才有用，假设原本class="light"，然后加上highlight那应该是class="light highlight"，但是上面的写法就会直接变成class="lighthighlight"，当然不排除他要的就是这样，没具体例子只是说明一下，如果有看不懂的继续提问，前提是采纳，本人web前端

Answer 2

这个的意思等效于

this.className= this.className + 'highlight';

比如说 this.当前的className 为 a 那么 执行 this.className+='highlight'后会变成 ahighlight

Answer 3

+=的意思就是自己加后面的参数
例：a+=b 等同于 a = a +b;

追问

那这个代码把那个加号去了，也能运行

追答

加号去了就等 于是=this.className='highlight';