特定の<table>タグをターゲットに設定するにはどうすればよいですか？

Question

ハイライトされたhtmlの「テーブル」を狙いたいしかし、ここでの私の問題は、それをターゲットにする具体的なidまたはclassがあるということです。

その特定の表をターゲットにする方法はありますか？

Answer 1

：

document.getElementById('id'); 

詳細については、この訪問します<table>タグ

nth-of-type pseudo-classを使用してください。

table:nth-of-type(3) {} 

---

再編集。

以前はCSSについて質問していましたが、質問のタグを変更してJavaScriptについて質問しています。あなたはまだセレクター使用することができます。

document.querySelector("table:nth-of-type(3)") 

を...しかし、あなたは、単純なgetElementsByTagName methodためのより多くのサポート表示されることがあります。あなたはそれが常に同じ位置になることを知っている場合

document.getElementsByTagName("table")[2]; // 0 indexed 

Answer 2

あなたは使用することができます

document.getElementsByClassName('MsoNormalTable'); 

は、特定のIDの使用をフィルタリングするには：私は第三をターゲットにしています Explanation document.getElementByClassName();

Answer 3

を、あなたが使用することができますCSSのtable:nth-of-type(3)セレクタは、タイプの3番目の要素を選択します。 document.querySelectorAll('table')[2]をページ上のタイプtableの3分の1（配列は0でインデックス作成を開始）要素を選択する：あなたが使用するJavaScriptで

table:nth-of-type(3) { 
    color: red; 
} 

。

Answer 4

ターゲット表は常にあなたが使用することができ、親の最後の場合::最後の型

.wordSelection1 table:last-ot-type{border: 1px solid red;}