表單元件:文字標籤label
要在標籤內顯示文字,或修改屬性有兩種方法:
(1).若該標籤有value屬性者,就可以直接呼叫(例如: <input type="text" name="txt1">....呼叫法:txt1.value="大家好";)
(2).若該標籤沒有value屬性者,就必須用CSS的style來控制(例如 <label id='lb01">....
設定屬性法:document.getElementById(lb01).style.color = '#000000';
設定文字內容方法: var temp = document.getElementById('lb01').innerHTML = '大家好';
(3).常用CSS的style設定語法
//設定文字內容
//設定標籤文字內容方法:
document.getElementById('標籤名').innerHTML = '大家好';
//設定標籤文字內容為空:
document.getElementById('標籤名').innerHTML = '';
//將標籤文字繼續累增:
document.getElementById('標籤名').innerHTML += '請多指教';
//設定粗體
document.getElementById('標籤id名稱').style.fontWeight = 'bold';
document.getElementById('標籤id名稱').style.color = '#000000';
//設定背景顏色
document.getElementById('標籤id名稱').style.backgroundColor= '#FF0000';
//設定字體
document.getElementById('標籤id名稱').style.fontFamily= '新細明體';
//設定字體大小
document.getElementById('標籤id名稱').style.fontSize= '36px';
//設定文字與邊框的空白
document.getElementById('標籤id名稱').style.padding= '10px';
吉星高照
天增歲月人增壽
春滿乾坤福滿門