如何更改插入文本的样式 - 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。我没有测试我的代码，但它应该是这样的。