HTML 下划线按钮

Question

您好，我正在制作一个文字处理器，需要制作一个按钮来为文本区域中的文本添加下划线。我制作了一个按钮，使文本变为斜体，但不确定下划线按钮。任何帮助将不胜感激

<textarea rows="10" cols="100" id="myP" >
      Type text here...
</textarea>
      <br>
      <br>
<button type="button" onclick="myFunction()">Set font Italic</button>

<script>
function myFunction() {
document.getElementById("myP").style.fontStyle = "italic";
}
</script>

Answer 1

从样式对象更改 textDecoration 属性，这反过来又会修改 text-decoration CSS 样式：

function underline_text(){
    document.getElementById("myP").style.textDecoration = "underline";
}

JSFiddle

Answer 2

这是一个解决方案：

<button type="button" onclick="myFunction2()">underline</button>

<script>
function myFunction2() {
document.getElementById("myP").style.textDecoration = "underline";
}
</script>

HTML 下划线按钮

HTML underline button

html

javascript

css

underline