title: How to append a class at the end of the class DOM
body: <p>Hi I have the following lines of code,</p>
  
  <pre><code>for ( let x: number = 0; x &lt; this._vcr.element.nativeElement.querySelectorAll(".ui-steps-item").length; x++) {
              let className: any = this._vcr.element.nativeElement.querySelectorAll(".ui-steps-item")[x].className;
              if(className != 'ui-steps-item ui-state-highlight'){
                  this._vcr.element.nativeElement.querySelectorAll(".ui-steps-item")[x].className += " btn-disable";
                  console.log(className);
  
              }
              // console.log(this._vcr.element.nativeElement.querySelectorAll(".ui-steps-item")[x].className);
          }
  </code></pre>
  
  <p>basically am getting the dom elements with class name <code>.ui-steps-item</code>, and am appending a new class named <code>btn-disable</code>. But somehow the first dom element's class is not changing with the new class. Any idea guys? Also how can I append the class after a particular dom element? Thanks in advance guys</p>