Javascript 我的代码正在使用codepen，但不在我的浏览器中。我想获取ElementById，然后是控制台上的那个元素_Javascript_Html_Web_Frontend_W3c

Javascript 我的代码正在使用codepen，但不在我的浏览器中。我想获取ElementById，然后是控制台上的那个元素

javascript html web

Javascript 我的代码正在使用codepen，但不在我的浏览器中。我想获取ElementById，然后是控制台上的那个元素,javascript,html,web,frontend,w3c,Javascript,Html,Web,Frontend,W3c,您应该在元素定义的下面包含js。浏览器正在从上到下编译html脚本。若在定义的所有元素之前包含js代码，那个么它什么也不捕获，并返回错误 var myname = document.getElementById("hello"); console.log(myname.innerHTML); const el = document.querySelector('h2'); el.textContent = 'Assignment 4'; 。。。 //这里定义了您的元素。

您应该在元素定义的下面包含js。浏览器正在从上到下编译html脚本。若在定义的所有元素之前包含js代码，那个么它什么也不捕获，并返回错误

var myname = document.getElementById("hello");
console.log(myname.innerHTML);
const el = document.querySelector('h2');
el.textContent = 'Assignment 4';

。。。
//这里定义了您的元素。

代码是正确的。您只需要在关闭主体标记之前移动脚本标记

...
// your elements are defined here.
<script src="script.js"></script>
</body>


作业4
印度炒米饭
罗汉

Biryani是巴基斯坦的特色菜。主要成分是米饭和鸡肉。

您正在浏览器中以codpen显示此示例，它可以正常工作。在什么条件下不起作用？（“在你的浏览器中”令人困惑，因为codpen已经在你的浏览器中）你能更具体一点吗？

...
// your elements are defined here.
<script src="script.js"></script>
</body>

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Assignment 4</title>
  </head>
  <body>
    <h1>Biryani</h1>
    <h2 id="hello">Rohan</h2>
    <p>
      Biryani is Pakistan's special dish. Main Ingredients are rice and chicken.
    </p>
    <script src="./script.js"></script>
  </body>
</html>