2016-07-10 30 views
5

Küçük ekranlarda çöken yanıt veren bir menü çubuğu tasarlamaya çalışıyorum, ancak ben typescript kullanıyorum. Ben typescript bu kodun değiştirildi typescriptÖğe türüne göre sınıf adı nasıl seçilir?

function myFunction() { 
document.getElementsByClassName("topnav")[0].classList.toggle("responsive");} 

bu kodun ne eşdeğer bir ipucu yoktur ama asla çalışır

typescript javascript bir üst çünkü hiçbir şey değiştirmeye gerek yoktur
myFunction(): void { 
(<HTMLScriptElement[]><any>document.getElementsByClassName("topnav"))[0].classList.toggle("responsive"); 
} 

cevap

9

, bu yüzden düzenli javascript bile olabilir.

function myFunction(): boolean { 
    let elements: NodeListOf<Element> = document.getElementsByClassName("topnav"); 
    let classes: DOMTokenList = elements[0].classList; 
    return classes.toggle("responsive"); 
} 

Ama sadece tam kod böylece böyle ayrı şeyler kırmaya gerek yoktur, ama belki bir dönüş türü ekleyin: aldığımızda

bazı typescript özellikler eklemek söyleniyor, işlev imzası:

function myFunction(): void { 
    document.getElementsByClassName("topnav")[0].classList.toggle("responsive"); 
} 

Ya

function myFunction(): boolean { 
    return document.getElementsByClassName("topnav")[0].classList.toggle("responsive"); 
} 
+0

Teşekkür @NitzanTomer – kero

İlgili konular