表示しているテキスト(This is a first program by DHTML)のスタイルを変更します.
<p id="italic">This is first program by DHTML</p> //(1)
<form>
<input type=button value="イタリック" onclick="javascript:document.all.italic.style.fontStyle='italic'"> //(2)
<input type=button value="ノーマル" onclick="javascript:document.all.italic.style.fontStyle='normal'"> //(3)
</form>
フォントのスタイル以外に,フォントのサイズを変更するには,
document.all.italic.style.fontSize = "16pt";
document.all.italic.style.fontSize = "10pt";
フォントのウェイト(太さ)
document.all.italic.style.fontWeight = "bold";
document.all.italic.style.fontWeight = "normal";
フォントのファミリー(種類)
document.all.italic.style.fontFamily = "Comic Sans MS";
document.all.italic.style.fontFamily = "System"
などと使用します.
This is first program by DHTML