2017-06-28 6 views
0

Aus irgendeinem Grund, wenn ich auf die ID "Hallo" (ich weiß, könnte einen besseren Namen gehabt haben) in js hat es scheint es nicht zu erkennen. Ich denke, es hat mit dem Objekt selbst zu tun.JavaScript: HTML-ID reagiert nicht auf Objektliteral in 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

Ich denke, dies ist das erste Mal, dass ich jemals einen Code-Schnipsel in einem Codeblock gesehen habe. Wie ist das möglich? – FrankerZ

+0

Ich weiß nicht einmal, wie das passierte – ProxyStudent

+0

Sie ruiniert die Epimension @ibrahimmahrir – FrankerZ

Antwort

2

Sie haben ein paar Fehler mit Code:

  1. Das Schließen </html> Tag eine Schließung > fehlte.
  2. In Objekten geben Sie var nicht vorher bei der Deklaration von Schlüsseln ein.

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

Nizza Fang, obwohl ich denke, die '' wird keine Bedeutung haben. –

+0

Oh duh danke für deine Zeit, sehr zu schätzen wissen! – ProxyStudent

+0

@ibrahimmahrir Es hat verhindert, dass dieses Code-Snippet funktioniert. – FrankerZ

Verwandte Themen