如何使用 jQuery 替換 div 的 innerHTML?


要在 jQuery 中替換 div 的 innerHTML,請使用 html() 或 text() 方法。

範例

您可以嘗試執行以下程式碼,瞭解如何替換 div 的 innerHTML

即時演示

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#button1").click(function(){  
       $('#demo').html('Demo text');
   });
});
</script>
</head>
<body>

<div id="demo">This is <b>Amit</b>!
</div>
<button id="button1">Replace</button>
</body>
</html>

更新日期: 2019 年 12 月 17 日

2K+ 檢視次數

開啟你的 職業生涯

透過完成本課程獲得認證

立即開始
廣告
© . All rights reserved.