How store the node?

[callmeitachi]

I have the following code:

pub fn Node() -> Element {
    rsx! {
        h1 {"nonono!"}
        h1 {
            id:"zrb",
            onmounted:|element| {
                let element=element.as_web_event();
                let window=web_sys::window().unwrap();
                let doc=window.document().unwrap();
                let node=doc.get_element_by_id("zrb").unwrap();
                let node:Node=node.try_into().unwrap();
                let new_node=doc.create_element("h2").unwrap();
                new_node.set_text_content(Some("love love love"));
                new_node.set_attribute("style", "color:red;");
                let new_node:Node=new_node.try_into().unwrap();
                node.append_child(&new_node);
                // log!(node);
            },
            "Hello World!"
        }
    }
}

How stored the h1 element in order to use it in some time?

[ealmloff]

You can store the new_node in a signal. There is a similar example here: https://github.com/DioxusLabs/dioxus/blob/main/examples/scroll_to_top.rs#L15-L20

[callmeitachi]

Thank you for your answer.I hope Dioxs will get better and better.