如何使用 jQuery 替换 Div 的 innerHTML
答案:使用jQuery html()方法
您可以简单地使用 jQuery html() 方法来替换 div 或任何其他元素的 innerHTML。
以下示例中的 jQuery 代码将在单击按钮时将具有 id pageTitle 的 DIV 元素的 innerHTML 替换为 HTML 标题。 让我们试一试:
示例
<!DOCTYPE html>
<html lang="en">
<head>
<title>jQuery 替换一个 Div 的 innerHTML</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#pageTitle").html("<h1>Hello, World!</h1>");
});
});
</script>
</head>
<body>
<div id="pageTitle">
<p><b>Click the following button to replace me.</b><p>
</div>
<button type="button">Replace HTML</button>
</body>
</html>FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答:
