JavaScript -- 請問如何將 Label 文字，點選後再改變文字大小

javascript 網頁設計

makey 2010-09-29 17:40:14 ‧ 11510 瀏覽

分享至

請教一個JavaScript 的問題：

HTML 已經設定好 Label 文字，可以改變文字的大小(pt)，程式碼如下：

[JavaScript]

function fontSize(){
document.getElementById('LB1').style.fontSize=R1.M1.options[R1.M1.selectedIndex].text+'pt';}

</script>

[html]

<label id="LB1">
台灣是美麗的寶島
</label>

但如果有好幾組 Label 文字，例如說有三組 Label，

分別是：

<label id="LB1">台灣是美麗的寶島
<label id="LB2">地球是美麗的行星
<label id="LB3">銀河是美麗的星系

用滑鼠按一下 Label 上的文字，成為焦點後，再去呼叫文字大小，

這樣就可以像繪圖軟體，點選文字後設定文字大小，請教該如何做呢？

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

1 個回答

godstamp

iT邦新手 3 級 ‧ 2010-10-01 01:16:52

最佳解答

應該是以下這樣就可以，給你試試看....

JavaScript的部份

&lt;pre class="c" name="code">
&lt;script type="text/javascript">
function chgSize(size){
    document.getElementById(chgSize.id).style.fontSize = size + 'px';
}
&lt;/script>

HTML的部份
<pre class="c" name="code">
<select onchange="chgSize(this.value);">
<option value="10">10</option>
<option value="12">12</option>
<option value="14">14</option>
<option value="16">16</option>
</select>

&lt;label id="lb1" onclick="chgSize.id = this.id">台灣是美麗的寶島&lt;/label>
&lt;label id="lb2" onclick="chgSize.id = this.id">地球是美麗的行星&lt;/label>
&lt;label id="lb3" onclick="chgSize.id = this.id">銀河是美麗的星系&lt;/label>