javascript内にhtmlタグのクラスの関連付け方

Question

javascript内にhtmlタグのクラス名を書き入れたい。

javascriptでcalendarを作成し、htmlに出力しようとしています。

発生している問題・エラーメッセージ

現在のソースコードでは、タグだけをjavascript内に書き込んでいるのですが、それだと効かせたいcssが聞かないため、javascript内にtable-1クラスを関連付けて、table-1のcssを効かせいたいです。
なので、javascript内のコードを書き方を教えてほしいです。

<table class="table-1">

該当のソースコード

// カレンダーの要素を生成
    var cTable = document.createElement('table');//ここにtable-1を加えたい。
    cTable.className = 'calendar-table';

Answer 1

クラス名は複数定義可能です。
下記の様に半角スペースで区切りつつ設定してあげることで、
複数のクラス名を一つの要素に名付けたという扱いになります。

var cTable = document.createElement('table');//ここにtable-1を加えたい。
cTable.className = 'calendar-table table-1';

Comments

[rails_ruby]

ありがとうございます意図した通りになりました。

Answer 2

var cTable = document.createElement('table');//ここにtable-1を加えたい。
cTable.className = 'calendar-table';

新規でtableをつくっているならおかしいところはないと思います。
cTableを適当なタグにappendChildしてやればいいでしょう。

ただし

それだと効かせたいcssが聞かないため、

ということはないと思います