时间戳

首页 > 解决方案 > html 文件中的脚本标记中的 VSCode 中缺少建议

javascript - html 文件中的脚本标记中的 VSCode 中缺少建议

问题描述

当在文件中的标记中使用.stylevscode 中的 javascript 方法时，我没有为某些属性获得任何代码完成。我正在输入，但 vscode 没有显示任何建议。我不知道为什么会这样。<script>htmlb.style

html 中的脚本标记中缺少智能感知

<body>
  <div class="body">
    asdasdasdasd
  </div>

  <script>

    let b = document.querySelector('.body');
    b.style   // <- no intellisense here for 'style'

  </script>

<body>

标签： javascriptvisual-studio-codeintellisensejavascript-intellisense

解决方案

问题是你有一个Element.

Document 方法 querySelector() 返回第一个 Element

并且Elements没有style作为财产。

HTMLDivElements 确实有一个style属性，所以你需要告诉 vscode 这就是你所拥有的。有两种方法可以做到这一点：

/** @type {HTMLDivElement} */        
let b =  document.querySelector('.body');

let b = /** @type {HTMLDivElement} */ (document.querySelector('.body'));

// note the cast parentheses in the second version

如果您执行其中任何一项，您将获得所需的智能感知。

推荐阅读