Как выбрать элемент по имени класса в машинописном тексте?

Question

Я пытаюсь создать гибкую панель меню, которая рушится на небольших экранах, однако я использую машинопись. есть ли ключ, что эквивалентно этому коду в машинописи

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

я изменил этот код в машинописи, но он никогда не работает

myFunction(): void { 
(<HTMLScriptElement[]><any>document.getElementsByClassName("topnav"))[0].classList.toggle("responsive"); 
} 

Answer 1

Там нет необходимости менять что-либо, потому что машинописный является подмножеством JavaScript, поэтому даже обычный javascript может быть машинописным.

С этим сказанным, вы можете добавить некоторые функции Машинопись:

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

Но нет никакой необходимости ломать вещи друг от друга, как это, так что вы можете иметь ваш точный код, но, может быть, добавить тип возвращаемого значения функция подписи:

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

Или

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