javascript
1''.concat('<table summary="', y, '年', m_display, '月のカレンダー"',
2 'class="calendar month', m, '">')
concat()
で連結するのがいいと一瞬思いましたが、要素を作成して、所定の場所に追加する方法のほうが良いような気もします
javascript
1// 値の仮設定
2m_display = 10
3m = 10
4y = 2017
5
6// 属性値の設定
7tableSummary = ''.concat(y, '年', m_display, '月のカレンダー')
8tableClassAttr = ['calendar', 'month', m].join(' ')
9
10// <table/> 要素の生成
11table = document.createElement('table')
12table.setAttribute('summary', tableSummary)
13table.setAttribute('class', tableClassAttr)
14
15// <table/> 追加先の取得と要素の追加
16parentNode = document.getElementById('app')
17parentNode.append(table)
この一連の処理の中で、 m_display
, m
, y
に関してのみ、可変になりそうなので、それを引数に取る関数として、各処理を定義してあげるといいかもしれません(たとえば そのまま tableSummary(year, displayMonth)
関数、tableClassAttr(month)
関数、など)
何か参考になれば幸いです
Links