javascript – Append html to div

Question

I want to add custom html to a div using this function in the functions.php file. I’m not sure why this isn’t working.

function add_html_under_div() {
    ?>
        <script type="text/javascript">

          // create a new div element
          const newDiv = document.createElement("div");
          newDiv.innerHTML = '<a>test</a>';

          //div
          var description_div = document.querySelector('.description_div');

          // add newDiv under description_div
          description_div.appendChild(newDiv);
        </script>
    <?php
}
add_action('wp_head', 'add_html_under_div');

Am I not getting the description_div the right way?

Any help is much appriciated!

0
Sander105 1 week 2022-08-02T09:30:47-05:00 0 Answers 0 views 0

Leave an answer

Browse
Browse