bs-webapi - 如何循环Dom.nodeList？

Question

由于双方是Dom.nodeList和DomTokenList.forEach预计Dom.domTokenList以下将无法正常工作。

open Bs_webapi.Dom; 

external length : Dom.nodeList => int = "" [@@bs.get]; 

let sides = Document.querySelectorAll "#carousel > figure" document; 

DomTokenList.forEach (fun item _ => print_endline item) (sides); 

Answer 1

从原因不和谐，@anmonteiro的礼貌转述：

Js.Array.forEach Js.log (NodeList.toArray sides); 

下面是用于在NodeList各元件如何setAttribute的一个例子。请注意，Element.ofNode可用于将Dom.node转换为option Dom.element。

open Bs_webapi.Dom; 

external length : Dom.nodeList => int = "" [@@bs.get]; 

let sides = Document.querySelectorAll "#carousel > figure" document; 

Js.Array.forEachi 
    (fun side index => 
    switch (Element.ofNode side) { 
    | Some element => 
     Element.setAttribute "style" "some style here" element 
    | None =>() 
    } 
) 
    (NodeList.toArray sides) 

https://bucklescript.github.io/bucklescript/api/Js_array.html#VALforEach