gpt4 book ai didi

javascript - .prepend 不是函数

转载 作者:行者123 更新时间:2023-11-28 04:30:37 26 4
gpt4 key购买 nike

请考虑以下示例代码:

<!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>

上面的代码在控制台中抛出如下错误:

btn.prepend is not a function

为什么会出现这个错误?请提出解决方案。谢谢你

最佳答案

请不要关注 W3School 的低质量文章。对于您的解决方案:

  • btn 不是 jQuery 对象。它是一个 JavaScript HTMLElement
  • .prepend() 函数是一个 jQuery 函数。

你的代码现在应该是:

$(document).ready(function(){
$("#btn1").click(function(){
var btn = $(this);
btn.prepend("<b>Prepended text</b>. ");
});
});

工作片段

$(document).ready(function(){
$("#btn1").click(function(){
var btn = $(this);
btn.prepend("<b>Prepended text</b>. ");
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>This is a paragraph.</p>
<button id="btn1">Prepend text</button>

请参阅上面的工作片段。点击 Run Code Snippet 并点击里面的按钮。

关于javascript - .prepend 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36059045/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com