JavaScript:Html ID 不响应 js 中的对象文字

标签 javascript html

出于某种原因,当我在 js 中引用 id“hi”(我知道可以有一个更好的名称)时,它似乎无法识别它。我认为这与物体本身有关。

var ChristmasHotel = {
  var name: 'ChristmasHotel',
    var rooms: 50,
      getHotelName: function() {
        return this.name;
      }
};


var moreName = document.getElementById('hi');
moreName.textContent = ChristmasHotel.name;
<!DOCTYPE html>
<html>

<body>
  <div>
    <h1>Welcome to <span id='hi'>Null</span></h1>
  </div>
</body>
</html

最佳答案

您的代码有一些错误:

  1. 结束</html>标签缺少结束语 > .
  2. 在您不放置的对象中 var在声明键之前。

var ChristmasHotel = {
  name : 'ChristmasHotel',
  rooms : 50,
  getHotelName : function(){
    return this.name;
  }
};


var moreName = document.getElementById('hi');
moreName.textContent = ChristmasHotel.name;

//You can also use:
moreName.textContent = ChristmasHotel.getHotelName();
<!DOCTYPE html>
<html>
<body>
  <div>
    <h1>Welcome to <span id = 'hi'>Null</span></h1>
  </div>
</body>
</html>

关于JavaScript:Html ID 不响应 js 中的对象文字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44791747/

相关文章:

javascript - 如何使用 Javascript 操作此 JSON

javascript - 使用 JavaScript 为 MathJax 方程制作动画

html - Firefox 中的 SVG + clipPath + preserveAspectRatio 无法响应地缩放

javascript - 如何在 AngularJS 单元测试中 stub `$window.localStorage`?

html - 如何在 HTML5 canvas 上获得 vsync 回调?

javascript - 构建网格并使用 jQuery 对齐它

php - 从属性中删除呈现的 HTML 中的引号

java - 对加载最多约 30,000 条记录的相关下拉列表的性能影响

javascript - 使用回车键而不是提交按钮在 JS 中提交表单

javascript - 使用 JavaScript 缩放到 div