bs-webapi - Wie über Dom.nodeList zu loopen?

Question

Folgendes funktioniert nicht, da Seiten Dom.nodeList und DomTokenList.forEach einen Dom.domTokenList erwartet.

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

aus dem Grund paraphrasiert Discord, mit freundlicher Genehmigung von @anmonteiro:

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

Hier ist ein Beispiel dafür, wie für jedes Element in einem NodeList zu setAttribute. Hinweis: Element.ofNode kann verwendet werden, um eine in option Dom.element zu konvertieren.

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