javascript - 为什么这个简单的 JavaScript 代码片段不起作用

标签 javascript

我哪里做错了? 为什么这段 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>

最佳答案

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

你可以这样做:

<body id=body>

或者这个:

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

或者只是:

var bodyel = document.body;

关于javascript - 为什么这个简单的 JavaScript 代码片段不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18394233/

相关文章:

javascript - 如何使用javascript过滤数组中的所有字符串序列

javascript - ElectronJS Webview cookies 没有被清除

javascript - Codeigniter Ajax无限滚动,带有过滤器重复数据

javascript - 如何在 jQuery 中包装一组可重复的元素?

javascript - 在 ng-repeat 中的特定点插入 DOM 元素的最明智方法?

javascript - 如何使用 chrome 扩展解除 document.ondblclick 的绑定(bind)

javascript - 无法使用 Jquery 访问 API 中的属性

javascript - 通过 Javascript 将 URL 转换为 HTTPS

javascript - 如何在 npm 脚本 glob 模式中使用否定?

Chrome 和 IE 之间的 Javascript 数组排序问题