南京试管助孕生子助孕机构-试管助孕机构

"; // 添加tab按钮 document.querySelector('.'+tabs_main).insertAdjacentHTML('afterbegin',tab_btn); // 监听tab按钮点击事件 tabnames.forEach(item=>{ document.querySelector(`[data-key="${item.key}"]`).addEventListener('click',function(){ // 获取当前点击的tab按钮的data-key let key = this.getAttribute('data-key'); for (const iterator of tabnames) { // 判断当前点击的tab按钮的data-key是否等于tabnames的key if(key == iterator.key){ // 删除所有tab的hidden类名 document.querySelectorAll('.'+iterator.key).forEach((item)=>{ item.classList.remove('hidden'); }) }else{ // 添加所有tab的hidden类名 document.querySelectorAll('.'+iterator.key).forEach((item)=>{ item.classList.add('hidden'); }) } } // 删除所有tab按钮的active类名 document.querySelectorAll('.tab-btn-item').forEach((item)=>{ item.classList.remove('border-b-2','border-gray-800'); }) // 给当前点击的tab按钮添加active类名 this.classList.add('border-b-2','border-gray-800'); }) }) })();