<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>页面跳转</title> <style> </style> </head> <body> <input type="button" value="节点" onclick="jiedian()"> </body> <script> function jiedian(){ var d = document.createElement("div"); // 文本要显示的内容 var t = document.createTextNode("hello"); // 连接文本 d.appendChild(t); // 放置节点 var b1 = document.getElementById("b1"); // b1.appendChild(d); var but = document.getElementById("but1"); b1.insertBefore(d,but); }; </script> </html> 代码有何问题
时间: 2023-12-02 20:04:10 浏览: 131
密码访问单页自定义跳转页面HTML源码
该代码中存在以下问题:
1. HTML标签缺少结束标签。
2. 在JavaScript中,`getElementById`方法使用了不存在的元素ID。
3. `insertBefore`方法使用了不存在的元素ID。
修改后的代码如下:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>页面跳转</title>
<style>
</style>
</head>
<body>
<input type="button" value="节点" onclick="jiedian()">
<div id="b1"></div>
</body>
<script>
function jiedian() {
var d = document.createElement("div");
// 文本要显示的内容
var t = document.createTextNode("hello");
// 连接文本
d.appendChild(t);
// 放置节点
var b1 = document.getElementById("b1");
b1.appendChild(d);
};
</script>
</html>
```
现在,代码就可以正常地添加节点并显示出文本了。
阅读全文