Question

我试图通过单击按钮并使用段落ID来更改字体大小

尝试创建一个单击的按钮会更改我的第一个javascript的字体大小

代码：-

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript in Body</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
<button type="button" onclick='document.getElementById("demo").style.fontSize="20px";' >click me</button>  
</script>

</body>
</html>

我的输出即将到来：JavaScript in Body

我想要得到的实际输出：

JavaScript in Body
My First JavaScript
button(click me)

Answer 1

该按钮不应位于script标记内。将其放在</script>标记之前或之后。

在脚本标记中只能包含JavaScript。

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript in Body</h2>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
<button type="button" onclick='document.getElementById("demo").style.fontSize="20px";' >click me</button>  

</body>
</html>

Answer 2

您应该从 script标签中删除按钮。

它应该看起来像这样。

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript in Body</h2>
<button type="button" 
onclick='document.getElementById("demo").style.fontSize="20px";' >click me</button>  
<p id="demo">
</p>

</body>
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>

</html>

按钮标签在脚本标签中不起作用

2 个答案: