如何更改插入文本的樣式 - javascript

Question

我已經創建了一個與html頁面交互的腳本。在html頁面中，用戶在文本框中插入一個表達式。在頁面中有5個複選框，這個複選框設置字體樣式（大，固定，罷工，粗體等等）。根據選定的複選框，必須顯示一個新的窗口，其編輯文本對應於所選複選框的值。我會在其他兩個選擇框（尺寸和顏色）的文字。這是我的html代碼，能告訴我一個例子嗎？

<input type="text" id="testo"><br> 
<label>big</label><input type="checkbox" id="big"><br> 
<label>italics</label><input type="checkbox" id="italics"><br> 
<label>bold</label><input type="checkbox" id="bold"><br> 
<label>fixed</label><input type="checkbox" id="fixed"><br> 
<label>strike</label><input type="checkbox" id="strike"><br> 
<label>sub</label><input type="checkbox" id="sub"><br> 
<label>Colore</label><select id="colore"> 
<option value="1">Blue</option> 
<option value="2">Green</option> 
</select><br> 
<label>Dimensione</label><select> 
<option value="1">1</option> 
<option value="3">3</option> 
<option value="5">5</option> 
<option value="7">7</option> 
</select> 
<br> 
<input type="button" value="mostra testo" onclick="Show()"> 

Answer 1

使用jQuery你可以做到這一點通過以下方式：

function Show() { 
    $('testo').css('background-color', function(){ 
      return $('colore').value() 
      }) 
} 

欲瞭解更多詳情請查看.css。我沒有測試我的代碼，但它應該是這樣的。