В этой статье мы увидим, как заменить innerHTML div с помощью jquery. Мы можем использовать метод html() для замены innerHTML div или любого другого элемента HTML. Метод html() задает или возвращает содержимое (innerHTML) выбранных элементов.

Итак, давайте посмотрим, как заменить html в div с помощью jquery, jquery заменить html в div, как добавить html в div с помощью jquery, как изменить текст div в jquery, jquery заменить innerHTML, jquery получить innerHTML, jquery заменить html.

Код jQuery в следующем примере заменит innerHTML элемента DIV с идентификатором changeTextDiv заголовком HTML при нажатии кнопки.

<!DOCTYPE html>
<html lang="en">
<head>
<title>How To Replace innerHTML of Div Using jQuery - Websolutionstuff</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script>
$(document).ready(function(){
    $("#changeTextBtn").click(function(){
        $("#changeTextDiv").html("<h1>Hello, World!</h1>");
    });
});
</script>
</head>
<body>
    <div id="changeTextDiv">
        <p><b>Click the following button to replace me.</b><p>
    </div>
    <button type="button" id="changeTextBtn">Replace HTML</button>
</body>
</html>

Вам также может понравиться: