单击JavaScript即可在文本下划线

Question

我正在学习JavaScript，我在这里缺少什么？当我单击我时，我希望文本更改为下划线。

<p id="demo" style=" 
text-decoration:none;

">Hello JavaScript!</p>


<button type="button" onclick="document.getElementById('demo').style.text-decoration='underline'">Click Me!</button>

Answer 1

问题是style.text-decoration。将其更改为style['text-decoration']：

<p id="demo" style=" 
text-decoration:none;

">Hello JavaScript!</p>


<button type="button" onclick="document.getElementById('demo').style['text-decoration']='underline'">Click Me!</button>

您可以了解有关此here的更多信息。

Answer 2

您需要使用textDecoration而不是text-decoration。

<p id="demo" style=" 
text-decoration:none;

">Hello JavaScript!</p>


<button type="button" onclick="document.getElementById('demo').style.textDecoration='underline'">Click Me!</button>