Question

我对编码很新，所以请耐心等待。我在页面上有一个按钮，如果按下它，应该使特定文本变为粗体。

但由于某种原因，它不起作用，我不知道为什么......

以下是一个例子：

HTML

<input type="button" class="btn" onclick="boldtext();" />
<br />
<div id="text">This is some text</div>

的Javascript

function boldtext () {
document.getElementById('text').style.fontWeight = 'bold';
}

我的问题是，当我点击按钮时，没有任何反应。

我在某处犯了错误吗？

Answer 1

在<head>标记中编写JavaScript代码。你的代码正在运行。请参阅 DEMO

enter image description here

Answer 2

最简单的jQuery解决方案是

function boldtext () {
    $('#text').css('font-weight','bold');
}

或

您可以使用jQuery event处理程序。

$('input.btn').click(function(){ $('#text').css('font-weight','bold'); });

Answer 3

如果你想使用jQuery，你应该创建一个事件处理程序而不是使用内联事件

HTML

<input type="button" class="btn" id="your_button" />
<br />
<div id="text">This is some text</div>

JS

$('#your_button').click(function(){
    $('#text').css('font-weight','bold');
});

Answer 4

希望您已将上述脚本包含在<head>

中

<head>
<script>
function boldtext () {
document.getElementById('text').style.fontWeight = 'bold';
}
</script>
</head>