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