JavaScript：Html ID没有响应js中的对象字面值

由于某些原因，当我在js中引用id“hi”（我知道本来可以有一个更好的名字）时，它似乎并不认识它。我认为它与对象本身有关。JavaScript：Html ID没有响应js中的对象字面值

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

来源

2017-06-28 ProxyStudent

我想这是我见过的一个代码块中的代码片段的第一次。这怎么可能？ – FrankerZ

我什至不知道这是怎么发生的 – ProxyStudent

你毁了史诗@ibrahimmahrir – FrankerZ

你有几个错误你的代码：

收盘</html>标签中缺少一个右>。
在声明密钥之前，您不会在对象之前加上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>

来源

2017-06-28 00:06:55 FrankerZ

很好的抓住，虽然我认为''不会有任何意义。 –

哦，谢谢你的时间，非常感谢！ – ProxyStudent

@ibrahimmahrir它阻止了这段代码片段的工作。 – FrankerZ

JavaScript：Html ID没有响应js中的对象字面值

回答

相关问题