html要素からテキストを取得するにはどうすればよいですか？

Question

ボタンからキャプションを取得するにはどうすればよいですか？

decorateOn : String -> Html Msg -> Html Msg 
decorateOn selectedCaption button = 

    if button.text == selectedCaption then 
     button [ class "selectedNavigationButton" ] [] 
    else 
     button [ class "navigationButton" ] [] 

buttontextという名前のフィールドがありません。 - button の種類は次のとおりです。textという名前のフィールドが含まれていません

Html Home.Msg 

。

「ボタン」は実際にはHTMLのメッセージタイプであることに注意してください。

Answer 1

頭の中で考えを変える必要があります。ボタンテキストに何が入っているのかを見るのではなく、クラスを設定するのと同じ段階でテキストを設定する必要があります。だから、あなたに何かを与える

decorateOn : String -> Html Msg -> Html Msg 
decorateOn selectedCaption button =  
    if selectedCaption == "the selected value" then 
     button [ class "selectedNavigationButton" ] [text selectedCaption ] 
    else 
     button [ class "navigationButton" ] [text selectedCaption] 

Answer 2

ポートとJavaScriptを含むハッキングに頼らずに、ボタンからテキストを取得することはできません。さらに、Elm内からElm Virtual DOMについて何も調べることはできません。

代わりに、モデルから情報を取得できるようにアプリをリファクタリングしてみてください。