JS文件出现TS警告“Property X does not exist on type X”，有更规范的JS写法吗？

首先明确：这类警告完全可以选择忽略 #

如果你已经在TS编写阶段通过类型断言保证了元素存在、类型匹配，代码运行不会有问题，JS文件中的这类类型校验警告可以直接忽略，不会对功能产生任何影响。

方案1：关闭VSCode对JS文件的类型校验，彻底消除警告 #

如果不想看到这类提示，直接修改VSCode配置即可：

• 按下快捷键Ctrl+,（Windows）/Cmd+,（Mac）打开设置面板
• 搜索配置项javascript.validate.enable，取消勾选该选项
  配置完成后所有JS文件都不会再出现类似的类型相关警告。

方案2：编写更严谨规范的原生JS代码，兼容类型校验 #

如果不想关闭校验，希望代码本身无警告，可以添加类型判断逻辑，这种写法同时能避免运行时元素不存在、类型不符导致的报错，是生产环境更推荐的实现：

// 操作带class的元素
const someClass = document.querySelector(".that-class");
if (someClass instanceof HTMLElement) {
  // 此处操作style/其它HTMLElement属性不会触发警告
  someClass.style.display = 'none';
}

// 读取输入框value
const elem = document.getElementById("elemId");
if (elem instanceof HTMLInputElement) {
  const someId = elem.value;
  // 后续业务逻辑写在这里
}

内容的提问来源于stack exchange，提问作者Stebenwolf