Question

以下是“HTML 5 + JS for Dummies”一书中的代码，查看它的时间超过2小时，无法找到不想工作的原因。我现在处于非常早期的状态，对于我的新问题感到抱歉。

<!DOCTYPE html>
<html>
<head>
<title> Outputting data to HTML </title>

<script language ="JavaScript">


{
document.getElementById("myText").
innerHTML ="Clicked!";
}
</script>
</head>



<body>
<h1> Creating HTML Element Output </h1>
<div> <p id="myText">Change Me </p> </div>

<div> 

<input id="btnClickMe"
type="button"
value = "Click me"
onlick="WriteText()"/>


</div>
</body>
</html>

Answer 1

<!DOCTYPE html>
<html>
<head>
<title> Outputting data to HTML </title>

<script>

function WriteText()
{
document.getElementById("myText").
innerHTML ="Clicked!";
}
</script>

</head>


<body>
<h1> Creating HTML Element Output </h1>
<div> <p id="myText">Change Me </p> </div>

<div> 

<input id="btnClickMe"
type="button"
value = "Click me"
onclick="WriteText()"/>


</div>
</body>
</html>

这是我做了什么/出了什么问题：

您使用了错误的函数语法，或者您忘记使用函数关键字
你拼错了onclick（onlick）
~~我将脚本部分移出了头部~~

Answer 2

使用setAttribute方法，因为输入字段没有innerHTML属性。

`<script language ="JavaScript">
function WriteText()
{
document.getElementById("myText").setAttribute("value", "Clicked!");
}
</script>
</head>

`

无法更改按钮中的文字

2 个答案: