Replaces the inner HTML content of an element. Unlike AddContent(), this removes existing content first.

Syntax

MaterialSB::SetContent(Element, Content.s)

Parameters

Element	The DOM element to set the content of.
Content.s	The HTML content string to set (replaces existing content).

Return Value

None.

Remarks

This function sets the innerHTML property of the element, replacing all child elements and text.

To append content without removing existing content, use AddContent() instead.

Example

Global contentDiv, counter = 0

Procedure UpdateContent()
  counter + 1
  MaterialSB::SetContent(contentDiv, MaterialSB::Header("Update #" + Str(counter), 4) + MaterialSB::Paragraph("Content was replaced at " + FormatDate("%hh:%ii:%ss", Date())))
EndProcedure

Procedure ClearContent()
  MaterialSB::SetContent(contentDiv, "")
  MaterialSB::Toast("Content cleared")
EndProcedure

Procedure Main(Success)
  If Success
    MaterialSB::Row(MaterialSB::#Grid_Container)
      MaterialSB::Col(12, 8)
        MaterialSB::Card()
          contentDiv = MaterialSB::CardContent()
            MaterialSB::Append(MaterialSB::Header("Initial Content", 4))
            MaterialSB::Append(MaterialSB::Paragraph("This content will be replaced when you click Update."))
          MaterialSB::CloseCurrentParent()
          MaterialSB::CardAction()
            MaterialSB::Button("Update Content", @UpdateContent())
            MaterialSB::Button("Clear", @ClearContent(), MaterialSB::#Button_Text)
          MaterialSB::CloseCurrentParent()
        MaterialSB::CloseCurrentParent()
      MaterialSB::CloseCurrentParent()
    MaterialSB::CloseCurrentParent()
  EndIf
EndProcedure

MaterialSB::Download(@Main())

See Also

AddContent(), Append()