невозможно динамически изменять содержимое div при нажатии кнопки

Question

Я хочу добавить строку content внутри div, но мой код не работает. Что я делаю не так?

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
    function getContentOfAreas() {
    console.log("will add content");
    $('#preview').InnerHtml = "content";
    }
</script>
<div id="preview" style="height:100px;border:1px solid black"></div>
<button type="button" onclick="getContentOfAreas()">click me to see content</button>

Answer 1

внутренний HTML является ванильным JavaScript, поскольку вы уже используете jQuery, вы можете просто использовать метод . html () .

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
    function getContentOfAreas() {
      console.log("will add content");
      $('#preview').html("content");
    }
</script>
<div id="preview" style="height:100px;border:1px solid black"></div>
<button type="button" onclick="getContentOfAreas()">click me to see content</button>