タブを選択してJavaScriptのタブパネルのコンテンツを設定するには

Question

私はこれに固執しています：タブと対応するタブパネルを作成しました。デフォルトでは、タブを非表示にしています。タブを見えるようにするために、私はこのJavaScriptのラインを使用します。

document.getElementById("tab-id").setAttribute("selected", true); 

を私は期待通りしかし、対応するtabpanelの内容は更新されません。私はこれを使って試しました：

document.getElementById("tabbox-id").selectedPanel = "tabpanel-id"; 

何も起こっていません。 tabpanelの内容は更新されません。

ご協力いただければ幸いです。

Answer 1

selected属性は内部的に設定されているだけで、選択が変更されたことを示す指標に過ぎません。実際には選択を変更することはありません。 selectedPanelは、パネルではなく、そのIDであることを

var tabpanel = document.getElementById("tabpanel-id"); 
document.getElementById("tabbox-id").selectedPanel = tabpanel; 

注：あなたが最も可能性の高いやりたいことはこれです。また、あなたはまた、selectedIndexを使用することができます。

document.getElementById("tabbox-id").selectedIndex = 1; 

Documentation