選到的html DOM 內容正確 && 字串比對有對的class

  // 原生js api 選擇器        
  const btnChange = document.querySelectorAll('.btn-change-content');
  for (let index = 0; index < btnChange.length; index++) {
            // 綁定 addEventListener
            btnChange.item(index).addEventListener('click', function () {

                // this.innerHTML -> 選到的html DOM 內容  ( class="this.innerHTML" )
                // 取btn區塊 html DOM
                let domBtn = this.parentNode.parentNode.nextElementSibling;
                // console.log(domBtn);           
                // 取btn區塊 html 字串
                let domBtnString = this.parentNode.parentNode.nextElementSibling.classList.value;
                console.log(domBtnString);

                // // 如果  選到的html DOM 內容正確  && 字串比對有對的class
                // if (this.innerHTML == "PARAMETERS" && domBtnString.match('parameters') ) {
                //     domBtn.classList.add('js-detail-parameters');
                //     domBtn.classList.remove('js-detail-layers');
                // }
            



                switch (this.innerHTML) {
                    case "PARAMETERS":
                        domBtn.classList.add('js-detail-parameters');
                        domBtn.classList.remove('js-detail-layers');
                        break;
                    case "LAYERS":
                        domBtn.classList.add('js-detail-layers');
                        domBtn.classList.remove('js-detail-parameters');
                        break;
                    default:
                        console.log("Error")
                        break;
                }
            });
        };