ons-tabのbadgeを動的に変更したい

Question

monacaで、ons-tabの属性にあるbadge（バッジ）を動的に変更し、tabに表示したいのですが表示されません。

HTML
<ons-tabbar id="tabber" position="auto">
<ons-tab id="Tab-A" label="ホーム" page="home.html" icon="ion-home "active="true" badge=""></ons-tab>
</ons-tabbar>

JavaScript
document.getElementById("Tab-A").badge = "2";

上のコードで「ホーム」タブに〇2が表示されません。
idの「tabber」や「Tab-A」を指定して再表示やリロードする必要があるのでしょうか？
よろしくお願いいたします。

Answer 1

これで出来ました。

document.getElementById('Tab-A').setAttribute("badge", "2");

Answer 2

自己解決しました。お騒がせしました。
Onsen UIにはバッジ(Notification)を表示するためのCSSクラスが用意されているようです。

<span class="notification"></span>

これにid=""をつけて、innerTextで書き換えたら、動的に更新できました。

Onsen UIのすべてのCSSクラスは、どこのサイトに載っているのか、ご存じ方がいらっしゃいましたら、
ご教授いただきたくお願いいいたします。

ちなみに、この解決に3日、費やしました。でもよかった。
さすが、Onsen UI。すばらしい。
Onsen UIに感謝。ありがとう。今後、よろしくお願いします。