JSFiddle - React, Tailwind, and code Playground

HTML

<html>
  <head>
  <meta charset="UTF-8">
  <title>JavaScript и jQuery - Глава 5</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/c05.css">
  </head>
  <body>
    <div id="page">
      <h1 id="header">Список</h1>
      <h2>Продовольственная лавка</h2>
      <ul id='parent' class="list">
        <li id="one" class="hot"><em>свежий</em> инжир</li>
        <li id="two" class="hot">кедровые орешки</li>
        <li id="three" class="hot">пчелиный мед</li>
        <li id="four">бальзамический уксус</li>
      </ul>
    </div>
    <script src="js/node-list.js"></script>
  </body>
</html>

JavaScript

var element = document.querySelector('ul#parent');
element.firstChild.textContent = 'TESTMASSAGE';
alert(element.firstChild);