0

我在哪里做错了？为什么这段 javascript 代码不起作用？

这一定很容易，但我只是不知道为什么，我真的是这方面的新手

<!DOCTYPE html>
<html>
<body>

<p id="demo">Click the button to make a BUTTON element.</p>

<button onclick="myFunction()">Try it</button>

<script type="text/javascript">

function myFunction()
{
var bodyel = document.getElementById("body");
var block = document.createElement("div");
block.innerHTML = "whatever";
bodyel.appendChild(block);
};


</script>

</body>
</html>
4

5 回答 5

2

您的<body>元素根本没有“id”属性，更不用说值为“body”的元素了。

你可以这样做：

<body id=body>

或这个：

var bodyel = document.getElementsByTagName('body')[0];

要不就：

var bodyel = document.body;
于 2013-08-23T03:29:15.737 回答
0

不需要使用 id 调用 body

如果是，您必须添加该 ID。

<!DOCTYPE html>
<html>
<body>
<p id="demo">Click the button to make a BUTTON element.</p>
<button onclick="myFunction()">Try it</button>
<script type="text/javascript">
function myFunction() {
 var bodyel = document.body;
 var block = document.createElement("div");
 block.innerHTML = "whatever";
 bodyel.appendChild(block)
}
</script>
</body>
</html>
于 2013-08-23T03:29:42.713 回答
0

这是问题

var bodyel = document.getElementById("body"); //body is not id

您可以使用

getElementsByTagName('body')[0];

或者

var b = document.body;
于 2013-08-23T03:30:21.530 回答
0

换行：

var bodyel = document.getElementById("body");

到以下

var bodyel = document.body;
于 2013-08-23T03:32:00.147 回答
0

小提琴

您需要稍微更改一下代码：-

var bodyel = document.getElementsByTagName("body")[0];

休息会工作。看看这个小提琴。还可以尝试查看document-body-appendchildi

于 2013-08-23T03:40:07.517 回答