请考虑以下示例代码:
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
var btn = document.createElement("BUTTON");
btn.prepend("<b>Prepended text</b>. ");
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button id="btn1">Prepend text</button>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
上面的代码在控制台中抛出错误,如下所示:
btn.prepend 不是函数
为什么会出现这个错误?请提出一个解决方案。谢谢