javascript - Jscript element.style 在 script.js 中不起作用(Visual Studio 代码)

标签 javascript html css visual-studio

(开始时对不起我的英语) 我在上一个元素中遇到了一个大问题,我没有任何问题,问题出现在新元素中。

我有 3 个文件(index.html、script.js 和 style.css)

这是我的索引

<body>
<header>
    <div class="wrap"></div>
    <div class="logo">
        <p>Dzik_Company</p>
    </div>
    <p class="load">Loading</p>
    <div class="square"></div>
</header>

<script src="script.js">
</script>

这是我的 script.js

const kwadrat = document.querySelector('.square');
const loading = document.querySelector(".load");
// setTimeout(hiddenElement, 3000);
function hiddenElement() {
kwadrat.style
}

这里(kwadrat.style)是问题,vscode没有剧透我(.style),在上一个元素中vscode剧透了我.style.(value)。 Ss from project SS in last project (spoiler) 你能帮我吗?

最佳答案

style 属性仅存在于 html 元素上。但是,像 '.square' 这样的查询选择器可以返回任何类型的元素。 VS Code 不知道它将返回一个 div 甚至不知道它将返回一个 html 元素。

您可以使用 jsdoc 类型注释让 VS Code 知道此 querySelector 返回的 HTMLElement 是什么:

/** @type {HTMLElement} */
const kwadrat = document.querySelector('.square');

enter image description here

关于javascript - Jscript element.style 在 script.js 中不起作用(Visual Studio 代码),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53794004/

相关文章:

html - 我如何强制 Facebook 清除其缓存并使用共享网页的更新元描述?

javascript - IF/Else 条件对 addEventListener/removeEventListener 没有影响

javascript - vue.js TreeView 初学者

javascript - 使用react redux获取删除请求方法不会删除

javascript - 窗口关闭(); javascript 代码不适用于 chrome

html - 在表格标题中以全宽输入 float div

css - 组件样式未在生产中应用-Vue

ASP.NET 捆绑和缩小 - CSS3 属性失败

javascript - 为关闭模态窗口启用向下滑动动画

javascript - 从 fs.readFile 获取数据