就很伤，求解答

1、<div id="loginState" class="login-state-trigger login-state-trigger2 login-state" title="选择在线状态">，对于这种class是相当于对这个标签加了对个类名么？并且对每个类名的css都可以作用于该div，主要问题是：这样做的目的或者是用处是啥？

2、主要问题：

loginStateShow.className='';

 loginStateShow.className='login-state-show '+id;

此处的类名为啥可以是有一个ID，就好像把id当类用的感觉，不是很懂！求解答