Javascript 按钮使div中的文本加粗_Javascript_Html

Javascript 按钮使div中的文本加粗

javascript html

Javascript 按钮使div中的文本加粗,javascript,html,Javascript,Html,我对编码相当陌生，所以请容忍我。我在页面上有一个按钮，如果我按下它，会使特定的文本加粗但由于某种原因，它不起作用，我不知道为什么以下是一个例子： HTML <input type="button" class="btn" onclick="boldtext();" /> <br /> <div id="text">This is some text</div> 我的问题是当我点击按钮时，什么也没发生我在什么地方出错了吗最简单的jQuery

我对编码相当陌生，所以请容忍我。我在页面上有一个按钮，如果我按下它，会使特定的文本加粗

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

以下是一个例子：

HTML

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

我的问题是当我点击按钮时，什么也没发生

我在什么地方出错了吗

最简单的jQuery解决方案是

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

或

您可以使用

jqueryevent

处理程序

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

如果希望使用jQuery，则应该创建事件处理程序，而不是使用内联事件

HTML

在

标记中编写JavaScript代码。你的代码正在运行。请参见

希望您已将上述脚本包装在


函数boldtext（）{
document.getElementById（'text'）.style.fontwweight='bold'；
}

它应该可以工作。你把JS放在HTML之后了吗？还是在

标记中加载/声明它？这将起作用。这可能是HTML和JS的顺序。确保JS在HTML之后。来吧，有什么区别？？单击按钮后，该函数将被调用……如果您想在任何地方更改

的位置，请点击此处进行测试和下载want@RokoC.Buljan，您只需查找他标记为正确的答案，然后投票确定。他可能在剩下的代码中有错误，所以我建议他试试这个。我为什么要否决投票？我只是问有什么区别？头标签中的代码将在主体中执行之前执行，因为页面加载的顺序。没有必要将脚本放入主体中，除非脚本实际对主体做了一些操作。不过，大多数情况下，您可以在加载文档后在文档头部调用相同的脚本，以避免出现任何错误。尽管你可以把javascript放在任何你想放的地方。同样地，将它放在文档的头部可以加快加载速度。为什么它应该放在头部？（这个特定的）@RokoC.Buljan这个概念是，如果您使用纯JavaScript，那么JS代码应该在

HTML

代码之前编写。由于页面是由浏览器自上而下读取/编译的，所以如果在页面之后编写，HTML将找不到JS代码。因此，在调用纯JS之前一定要编写它。@ArvindBhardwaj好的，你测试过我的测试用例了吗？@RokoC.Buljan，它可以工作，因为JS代码高于HTML代码。

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

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

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

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