javascript - 使用 innerText 或 innerHTML 不会显示文本

标签 javascript

正如标题所说,我正在学习 javascript,但仍然是初学者。
这是 Html 文件:

<!DOCTYPE html>
<html>
<head>
 <title>jQuery</title>
 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
  <h1 class="menu"></h1>
  <script type="text/javascript">
   function clr(o){
    var a1 = [];
    var i = 0;
    for (var k in o){
        a1[i] = 0;
        i++;
    }
    return a1;
   }
   console.log(clr({a:"a", b:"b", c:"c"}));
   document.getElementsByClassName("menu").innerText = clr({a:"a", b:"b", c:"c"});
  </script>
</body>
</html>

最佳答案

由于您正在运行 Jquery,因此您可以使用 Jquery 方法。像 text()html()

但是你的问题是 document.getElementsByClassName("menu") 返回一个 HTML 集合,所以你必须这样做:document.getElementsByClassName("menu")[0].innerHTML

<!DOCTYPE html>
<html>
<head>
 <title>jQuery</title>
 <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
  <h1 class="menu"></h1>
  <script type="text/javascript">
   function clr(o){
    var a1 = [];
    var i = 0;
    for (var k in o){
        a1[i] = 0;
        i++;
    }
    return a1;
   }
   console.log(clr({a:"a", b:"b", c:"c"}));
   $(".menu").text(clr({a:"a", b:"b", c:"c"}));
  </script>
</body>
</html>

关于javascript - 使用 innerText 或 innerHTML 不会显示文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39954064/

相关文章:

javascript - 在 Rails 上加载 WebAssembly 二进制文件

javascript - 如何使用字符串中字符的 uni 代码填充数组?

javascript - 如何在缩放时保持容器内的元素填充父容器

javascript - react : update one item in a list without recreating all items

javascript - 如何在 window.location.replace 代码中发送帖子信息

javascript - 如何通过ajax提交tinyEditory的内容?

javascript - 无法让 sessionStorage 正常工作

javascript - 类型错误 : parsed is undefined on angularjs service unit test

javascript - CSS 背景图片,加载后淡入淡出

javascript - Typescript - 如何声明以@开头的属性名称?