小编use*_*713的帖子

我正在尝试使用选项选择器更改 div 的字体。

所以我有带有文本“你好伙计”的 div，我想更改字体系列 font1 或 font2（或 font3）

但我无法想象一个正确的方法，我真的很困惑是通过 css 类还是通过 javascript 引用来定义样式。有人可以帮我吗？？

 <div id="output-text">
  hello folks 
</div

  <label for="input-font">
Font
</label>
<br>
<select id="input-font" class="input"  onchange="changeFont (this);" size="2">

  <option selected ="selected"/>
  Helvetica

  <option />
  Arial

</select>
<br>

一个简单的更改字体脚本就是这样，但我无法将它们与选项下拉列表放在一起

function changeFont(){
    var userInput = document.getElementById('input-font').value;
    document.getElementById('output_font').innerHTML = userInput;

}

但我想我在这里完全错了