javascript - 動的に div に値を設定するにはどうすればよいですか

Question

javascriptを使用して動的にDIVタグに値を設定する方法を教えてください。

<div class="sD" style="width:55px;" id="CYearHold">
    Here i have to display Current year
</div>      
<select id="CYear" class="inputControl simple" style="width:55px;" name="currentYear" onChange="setYear1(this);">
</select>

Answer 1

innerHTML を使用できます。

document.getElementById('CYearHold').innerHTML = 'something';

選択した年を div に入れたい場合は、次のようにします。

var e = document.getElementById("CYear");
var strYear = e.options[e.selectedIndex].value;
document.getElementById('CYearHold').innerHTML = strYear;

Answer 2

現在の年を取得する

select = document.getElementById("CYear");
year = select.options[select.selectedIndex].innerHTML;

divに設定します

document.getElementById("div.sd").innerHTML=year;