JavaScriptでIDやClassではない要素の取得

[code]

    <div id="A" class="B" hoge="C">
    
[/code]

以上の要素を取得したいのですが

[code]

    document.getElementById('B');
    document.getElementsByClassName('A');
    
[/code]

以上のようなIDやClassから取得するのではなく『hoge="C"』から取得すにはどうすれば良いですか？




[document.querySelector()](https://developer.mozilla.org/ja/docs/Web/API/Document/querySelector)
もしくは
[document.querySelectorAll()](https://developer.mozilla.org/ja/docs/Web/API/Document/querySelectorAll)
が希望する機能を持ちます。CSSセレクターで表現できる内容であれば要素を取得できます。

[code]

    // 最初のみ
    document.querySelector('[hoge="C"]');
    // 該当するすべて
    document.querySelectorAll('[hoge="C"]');
    
[/code]




[document.querySelector()](https://developer.mozilla.org/ja/docs/Web/API/Document/querySelector)
もしくは
[document.querySelectorAll()](https://developer.mozilla.org/ja/docs/Web/API/Document/querySelectorAll)
が希望する機能を持ちます。CSSセレクターで表現できる内容であれば要素を取得できます。

[code]

    // 最初のみ
    document.querySelector('[hoge="C"]');
    // 該当するすべて
    document.querySelectorAll('[hoge="C"]');
    
[/code]

