F# 使用新的Fable.Browser.Dom时,是什么替换了旧的HTMLElement.style
我用fulma demo启动了一个项目,并尝试从另一个使用Fable和fulma的旧版本的示例项目中移植一些代码。它有以下不会编译的行:F# 使用新的Fable.Browser.Dom时,是什么替换了旧的HTMLElement.style,f#,fable-f#,F#,Fable F#,我用fulma demo启动了一个项目,并尝试从另一个使用Fable和fulma的旧版本的示例项目中移植一些代码。它有以下不会编译的行: testWrapper.style.borderColor <- "#E95D0F" 随着Fable.Core v3的发布,阿方索开始重新编写一些“历史”软件包,如Fable.Import.Browser 您可能没有注意到,但许多Fable库都依赖于庞大的Fable.Import.Browser包,这是一个包含12000多行的文件,大多数IDE都难以打
testWrapper.style.borderColor <- "#E95D0F"
随着Fable.Core v3的发布,阿方索开始重新编写一些“历史”软件包,如
Fable.Import.Browser
您可能没有注意到,但许多Fable库都依赖于庞大的Fable.Import.Browser
包,这是一个包含12000多行的文件,大多数IDE都难以打开。此文件是使用来自Typescript定义的TS2Table在其原始位置自动生成的。它还包含手动调整,但是,这与它的大小一起使它很难更新
引自
因此,Fable.Import.Browser
被分为几个包:
- Fable.Browser.Blob
- Fable.Browser.Dom
- Fable.Browser.Event
- Fable.Browser.Performance
- Fable.Browser.Url
- Fable.Browser.WebSocket
- Fable.Browser.WebStorage
- Fable.Browser.XMLHttpRequest
Fable.Browser.Svg
和Fable.Browser.Css
。我已经有了Fable.Browser.Svg的版本,我正在制作一个Fable.Browser.Css的版本,希望它们很快可以使用
也就是说,如果您现在需要访问元素的样式
属性,则需要使用动态键入
:
open Fable.Core.JsInterop
open Browser
open Browser.Types
let testWrapper = document.querySelector(".test-wrapper") :?> HTMLElement
testWrapper?style?borderColor <- "#E95D0F"
openfable.Core.JsInterop
打开浏览器
打开浏览器。键入
让testWrapper=document.querySelector(“.testWrapper”):?>HTMLElement
testWrapper?style?borderColor我读过那篇文章,但出于某种原因没有注册关于缺少Fable.Browser.Css的评论
open Fable.Core.JsInterop
open Browser
open Browser.Types
let testWrapper = document.querySelector(".test-wrapper") :?> HTMLElement
testWrapper?style?borderColor <- "#E95D0F"