• TypeScript DOM类型的声明

    TS DOM类型的声明

    lib.dom.d.ts

    HTMLInputElement

    <input type="text" @change="handleChange" />
    1. const handleChange = (evt: Event) => {
    2.     console.log((evt.target as HTMLInputElement).value);
    3. }

    HTMLElement

    1. const div: HTMLDivElement = document.createElement('div');
    2. const img: HTMLImageElement = document.createElement('img');
    3.  
    4. // canvas
    5. const canvas:HTMLCanvasElement = document.createElement('canvas');
    6. const ctx:CanvasRenderingContext2D = canvas.getContext('2d');
    7.  
    8. // setInterval
    9. let timer:number = setInterval(()=>{
    10.     
    11. },500);
    1. interface HTMLElementTagNameMap {
    2.     "a": HTMLAnchorElement;
    3.     "abbr": HTMLElement;
    4.     "address": HTMLElement;
    5.     "applet": HTMLAppletElement;
    6.     "area": HTMLAreaElement;
    7.     "article": HTMLElement;
    8.     "aside": HTMLElement;
    9.     "audio": HTMLAudioElement;
    10.     "b": HTMLElement;
    11.     "base": HTMLBaseElement;
    12.     "basefont": HTMLBaseFontElement;
    13.     "bdi": HTMLElement;
    14.     "bdo": HTMLElement;
    15.     "blockquote": HTMLQuoteElement;
    16.     "body": HTMLBodyElement;
    17.     "br": HTMLBRElement;
    18.     "button": HTMLButtonElement;
    19.     "canvas": HTMLCanvasElement;
    20.     "caption": HTMLTableCaptionElement;
    21.     "cite": HTMLElement;
    22.     "code": HTMLElement;
    23.     "col": HTMLTableColElement;
    24.     "colgroup": HTMLTableColElement;
    25.     "data": HTMLDataElement;
    26.     "datalist": HTMLDataListElement;
    27.     "dd": HTMLElement;
    28.     "del": HTMLModElement;
    29.     "details": HTMLDetailsElement;
    30.     "dfn": HTMLElement;
    31.     "dialog": HTMLDialogElement;
    32.     "dir": HTMLDirectoryElement;
    33.     "div": HTMLDivElement;
    34.     "dl": HTMLDListElement;
    35.     "dt": HTMLElement;
    36.     "em": HTMLElement;
    37.     "embed": HTMLEmbedElement;
    38.     "fieldset": HTMLFieldSetElement;
    39.     "figcaption": HTMLElement;
    40.     "figure": HTMLElement;
    41.     "font": HTMLFontElement;
    42.     "footer": HTMLElement;
    43.     "form": HTMLFormElement;
    44.     "frame": HTMLFrameElement;
    45.     "frameset": HTMLFrameSetElement;
    46.     "h1": HTMLHeadingElement;
    47.     "h2": HTMLHeadingElement;
    48.     "h3": HTMLHeadingElement;
    49.     "h4": HTMLHeadingElement;
    50.     "h5": HTMLHeadingElement;
    51.     "h6": HTMLHeadingElement;
    52.     "head": HTMLHeadElement;
    53.     "header": HTMLElement;
    54.     "hgroup": HTMLElement;
    55.     "hr": HTMLHRElement;
    56.     "html": HTMLHtmlElement;
    57.     "i": HTMLElement;
    58.     "iframe": HTMLIFrameElement;
    59.     "img": HTMLImageElement;
    60.     "input": HTMLInputElement;
    61.     "ins": HTMLModElement;
    62.     "kbd": HTMLElement;
    63.     "label": HTMLLabelElement;
    64.     "legend": HTMLLegendElement;
    65.     "li": HTMLLIElement;
    66.     "link": HTMLLinkElement;
    67.     "main": HTMLElement;
    68.     "map": HTMLMapElement;
    69.     "mark": HTMLElement;
    70.     "marquee": HTMLMarqueeElement;
    71.     "menu": HTMLMenuElement;
    72.     "meta": HTMLMetaElement;
    73.     "meter": HTMLMeterElement;
    74.     "nav": HTMLElement;
    75.     "noscript": HTMLElement;
    76.     "object": HTMLObjectElement;
    77.     "ol": HTMLOListElement;
    78.     "optgroup": HTMLOptGroupElement;
    79.     "option": HTMLOptionElement;
    80.     "output": HTMLOutputElement;
    81.     "p": HTMLParagraphElement;
    82.     "param": HTMLParamElement;
    83.     "picture": HTMLPictureElement;
    84.     "pre": HTMLPreElement;
    85.     "progress": HTMLProgressElement;
    86.     "q": HTMLQuoteElement;
    87.     "rp": HTMLElement;
    88.     "rt": HTMLElement;
    89.     "ruby": HTMLElement;
    90.     "s": HTMLElement;
    91.     "samp": HTMLElement;
    92.     "script": HTMLScriptElement;
    93.     "section": HTMLElement;
    94.     "select": HTMLSelectElement;
    95.     "slot": HTMLSlotElement;
    96.     "small": HTMLElement;
    97.     "source": HTMLSourceElement;
    98.     "span": HTMLSpanElement;
    99.     "strong": HTMLElement;
    100.     "style": HTMLStyleElement;
    101.     "sub": HTMLElement;
    102.     "summary": HTMLElement;
    103.     "sup": HTMLElement;
    104.     "table": HTMLTableElement;
    105.     "tbody": HTMLTableSectionElement;
    106.     "td": HTMLTableDataCellElement;
    107.     "template": HTMLTemplateElement;
    108.     "textarea": HTMLTextAreaElement;
    109.     "tfoot": HTMLTableSectionElement;
    110.     "th": HTMLTableHeaderCellElement;
    111.     "thead": HTMLTableSectionElement;
    112.     "time": HTMLTimeElement;
    113.     "title": HTMLTitleElement;
    114.     "tr": HTMLTableRowElement;
    115.     "track": HTMLTrackElement;
    116.     "u": HTMLElement;
    117.     "ul": HTMLUListElement;
    118.     "var": HTMLElement;
    119.     "video": HTMLVideoElement;
    120.     "wbr": HTMLElement;
    121. }

  • 相关阅读:
    使用gpio_direction_output()无法设置GPIO原因分析
    多线程 - 阻塞式队列
    【历史上的今天】11 月 7 日：图灵奖女性得主诞生；Twitter 告别 140 字符时代；首位中国 AI 主播
    SpringBoot整合Activiti7——任务监听器（七）
    spring ioc源码解读
    小猫来了~Tomcat以及安装
    【opencv】debug报错HEAP CORRUPTION DETECTED
    初识Kafka构造组成
    Oracle的listagg的用法和例子
    System verilog从Testbench中dump出所需要的数据代码
  • 原文地址：https://blog.csdn.net/aGreetSmile/article/details/132693540