JavaScript更改元素樣式 - 字體大小

-3

創建一個網頁，其上有三段文字。在頁面上爲用戶提供了一種增加和減小三個段落的字體大小的方法。文字的字體大小不應超過40像素且不小於6像素。JavaScript更改元素樣式 - 字體大小

這裏是我的html代碼：

<head> 
    <title>Demo</title> 
    <link tpye="text/javascript" href="Javascript.js" /> 
    <link rel="stylesheet" type="text/css" href="Css.css" />  
</head> 

<body> 
    <select> 
     <option value="document.getElementById('f6').style.font-size='6px'">6px</option> 
     <option value="document.getElementById('f12').style.font-size='12px'">12px</option> 
     <option value="document.getElementById('f18').style.font-size='18px'">18px</option> 
     <option value="document.getElementById('f24').style.font-size='24px'">24px</option> 
     <option value="document.getElementById('f30').style.font-size='30px'">30px</option> 
     <option value="document.getElementById('f36').style.font-size='36px'">36px</option> 
     <option value="document.getElementById('f40').style.font-size='40px'">40px</option> 
    </select> 
    <p>Hello World</p> 
    <p>How are you?</p> 
    <p>What's you name?</p> 
</body>

來源

2015-05-14 Nick Cottam

也請發表您是否嘗試過的代碼 –

你有沒有任何嘗試分享w我們呢？看起來你只是在這裏複製了賦值描述。我希望你不希望解決方案也只是被複制。 – Lix

這是一個非常簡單的事情來完成，你可以請張貼一些代碼，以便我們任何人都可以嘗試解決你的問題？ –

HTML：

<select onChange="selectsize()" id="selector"> 
     <option value="6">6px</option> 
     <option value="12">12px</option> 
     <option value="18">18px</option> 
     <option value="24">24px</option> 
     <option value="30">30px</option> 
     <option value="36">36px</option> 
     <option value="40">40px</option> 
    </select> 

<div id="number"> 
    <p>Hello World</p> 
    <p>How are you?</p> 
    <p>What's you name?</p> 
</div>

的JavaScript：

<script language="javascript"> 
    function selectsize() 
      { 
       var e = document.getElementById("selector"); 
       var applyfontsize = e.options[e.selectedIndex].value; 

       document.getElementById("number").style.fontSize = applyfontsize + 'px'; 
      } 
</script>

來源

2015-05-14 16:36:52

發佈我的答案後，我看到了您的代碼。您是否需要選擇字體大小並應用它？ –

因此，用戶選擇他們想要的字體大小，然後它改變 –

我更新了我的答案..請檢查它..這裏是你需要.. –

JavaScript更改元素樣式 - 字體大小

回答

相關問題