ダブルオンクリックイベントが機能しない

Question

私のウェブサイトにはタブメニューがあり、それに使用されるコードは完全に機能します。私が欲しいのdiv要素に

<div class="col-md-4"> 
    <div onclick="openTab('tab-1')" class="tab-button"> 
     <h5>IT Problems</h5> 
    </div> 
</div> 
<div class="col-md-4"> 
    <div onclick="openTab('tab-2')" class="tab-button"> 
     <h5>Save Time</h5> 
    </div> 
</div> 
<div class="col-md-4"> 
    <div onclick="openTab('tab-3')" class="tab-button"> 
     <h5>Cost Effective</h5> 
    </div> 
</div> 

そして明らかに、私はIDを適用（ "タブ - [1/2/3]"）とクラス（ "タブ"）：JavaScriptの：

function openTab(tabName) { 
    var i; 
    var x = document.getElementsByClassName("tab"); 
    for (i = 0; i < x.length; i++) { 
     x[i].style.display = "none"; 
    } 
    document.getElementById(tabName).style.display = "flex"; 
} 

HTMLタブとして。ただし、同じコードを複製して、現在のタブが開いているときにハイライト表示されているタブボタンを複製すると、機能しません。 JavaScriptを：

function selectedTab(selectName) { 
    var i; 
    var x = document.getElementsByClassName("select"); 
    for (i = 0; i < x.length; i++) { 
     x[i].style.border-bottom-color = "#dbdbdb"; 
    } 
    document.getElementById(selectName).style.border-bottom-color = "#25a7df"; 
} 

HTML：私は、文字通りどこでもオンラインを見て、複数の人がこれを見て、誰もが解決策を見つけることができません持っていた

<div class="col-md-4"> 
    <div onclick="openTab('tab-1'); selectedTab('select-1')" class="tab-button"> 
     <h5 id="select-1" class="select">IT Problems</h5> 
    </div> 
</div> 
<div class="col-md-4"> 
    <div onclick="openTab('tab-2'); selectedTab('select-2')" class="tab-button"> 
     <h5 id="select-2" class="select">Save Time</h5> 
    </div> 
</div> 
<div class="col-md-4"> 
    <div onclick="openTab('tab-3'); selectedTab('select-3')" class="tab-button"> 
     <h5 id="select-3" class="select">Cost Effective</h5> 
    </div> 
</div> 

。誰も助けることができますか？

Answer 1

border-bottom-colorが有効スタイルプロパティではありません、あなたはあなたがselectTab方法

にスタイルの borderBottomColorプロパティを使用する必要が キャメルケース

でハイフンケースを交換する必要があります

function selectedTab(selectName) { 
    var x = document.getElementsByClassName("select"); 
    for (var i = 0; i < x.length; i++) { 
     x[i].style.borderBottomColor = "#dbdbdb"; //observe style property Change 
    } 
    document.getElementById(selectName).style.borderBottomColor = "#25a7df"; 
}