2017-06-28 20 views
0

由於某些原因,當我在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

+3

我想這是我見過的一個代碼塊中的代碼片段的第一次。這怎麼可能? – FrankerZ

+0

我什至不知道這是怎麼發生的 – ProxyStudent

+0

你毀了史詩@ibrahimmahrir – FrankerZ

回答

2

你有幾個錯誤你的代碼:

  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>

+0

很好的抓住,雖然我認爲''不會有任何意義。 –

+0

哦,謝謝你的時間,非常感謝! – ProxyStudent

+0

@ibrahimmahrir它阻止了這段代碼片段的工作。 – FrankerZ