错误
错误代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试</title>
</head>
<body>
<button type="button" onclick="createElement()">创建元素</button>
<script type="text/javascript">
function createElement(){
var element=document.createElement("button");
document.body.appendChild(element);
}
</script>
</body>
</html>
原因
按钮的onclick方法名与JS默认的方法名重名了。
解决
将方法名createElement()改成createEle()即可。
不要重名即可。
正确代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>测试</title>
</head>
<body>
<button type="button" onclick="createEle()">创建元素</button>
<script type="text/javascript">
function createEle(){
var element=document.createElement("button");
document.body.appendChild(element);
}
</script>
</body>
</html>
效果展示
就不会报错了
