Einfaches jQuery in normales JavaScript umwandeln

Question

Ich habe Probleme, dieses Stück Code von jQuery in reines JavaScript zu konvertieren.

Das Skript ist

if($('#item-1').find('#player').length == 1) 
{ 
    innerHTML = "You Won!!!"; 
} else { 
    innerHTML = "You Lose!!!"; 
} 

Muss ich getElementByld benutzen?

if(document.getElementById("#item-1 #player").length == 1) 

Answer 1

Verwendung querySelector:

//evaluates to true if length > 0 
if(document.querySelectorAll('#item-1 #player').length) 
{ 
    innerHTML = "You Won!!!"; 
} else { 
    innerHTML = "You Lose!!!"; 
} 

oder in 1 Zeile Code:

var innerHtml = document.querySelectorAll('#item-1 #player').length ? 'You Won!!!' : 'You Lose!!!'; 

Answer 2

getElementById nimmt die ID des einzelnen Elements ohne #. Sie benötigen querySelector.

document.querySelector('#item-1 #player').length 

Auch als ID ist einzigartigen gibt es keine Notwendigkeit von Nachkommen Selektor ist. Die ID des Elements kann direkt verwendet werden.

document.getElementById('player') 

Code:

innerHtml = document.getElementById('player') ? 'You won!!!' : 'You lose!!!'; 

Komplexere:

innerHtml = 'You ' + (document.getElementById('player') ? 'won' : 'lose') + '!!!';