---
name: "Eliom_content.Html5.Manip.client"
section: "3o"
platform: "linux"
package: "libeliom-ocaml-doc"
version: "4.0.0-2"
release: "Debian 8 (Jessie)"
platforms: ["linux"]
url: "https://new.carta.tech/Eliom_content.Html5.Manip.client"
---

# Eliom\_content.Html5.Manip.client(3o)

DOM-like manipulation functions.

## NAME

Eliom\_content.Html5.Manip - DOM-like manipulation functions.

## Module

Module   Eliom\_content.Html5.Manip

## Documentation

Module **Manip**\
  :  **sig end**

DOM-like manipulation functions.

In this module, all the functions apply only to HTML5 element with .

*val appendChild* :  **?before:'a Eliom\_content.Html5.elt -\>** **'b Eliom\_content.Html5.elt -\> 'c Eliom\_content.Html5.elt -\> unit**

The function  **appendChild e1 e2** inserts the element  **e2** as last child of  **e1** . If the optional parameter  **~before:e3** is present and if  **e3** is a child of  **e1** , then  **e2** is inserted before  **e3** in the list of  **e1** children.

*val appendToBody* :  **?before:'a Eliom\_content.Html5.elt -\> 'c Eliom\_content.Html5.elt -\> unit**

Append to the body of the document.

*val appendChildren* :  **?before:'a Eliom\_content.Html5.elt -\>** **'b Eliom\_content.Html5.elt -\> 'c Eliom\_content.Html5.elt list -\> unit**

The function  **appendChildren e1 elts** inserts  **elts** as last children of  **e1** . If the optional parameter  **~before:e3** is present and if **e3** is a child of  **e1** , then  **elts** are inserted before  **e3** in the list of  **e1** children.

*val appendChildFirst* :  **'b Eliom\_content.Html5.elt -\> 'c Eliom\_content.Html5.elt -\> unit**

**appendChildFirst p c** appends  **c** as first child of  **p**

*val nth* :  **'a Eliom\_content.Html5.elt -\> int -\> 'b Eliom\_content.Html5.elt option**

**nth e n** returns the nth child of  **e** (first is 0)

*val childLength* :  **'a Eliom\_content.Html5.elt -\> int**

**childLength e** returns the number of chilren of  **e**

*val removeChild* :  **'a Eliom\_content.Html5.elt -\> 'b Eliom\_content.Html5.elt -\> unit**

The function  **removeChild e1 e2** removes for  **e2** from the list of **e1** children.

*val replaceChild* :  **'a Eliom\_content.Html5.elt -\>** **'b Eliom\_content.Html5.elt -\> 'c Eliom\_content.Html5.elt -\> unit**

The function  **replace e1 e2 e3** replaces for  **e2** by  **e3** in the list of  **e1** children.

*val removeChildren* :  **'a Eliom\_content.Html5.elt -\> unit**

The function  **removeChildren e1** removes  **e1** children.

*val removeSelf* :  **'a Eliom\_content.Html5.elt -\> unit**

**removeSelf e** removes element e from the DOM.

*val replaceChildren* :  **'a Eliom\_content.Html5.elt -\> 'b Eliom\_content.Html5.elt list -\> unit**

The function  **replaceChildren e1 elts** replaces all the children of **e1** by  **elt** .

*val addEventListener* :  **?capture:bool -\>** **'a Eliom\_content.Html5.elt -\>** **(#Dom\_html.event as 'b) Js.t Dom\_html.Event.typ -\>** **('a Eliom\_content.Html5.elt -\> 'b Js.t -\> bool) -\> Dom\_html.event\_listener\_id**

The function  **addEventListener elt evt handler** attach the **handler** for the event  **evt** on the element  **elt** . See the Js\_of\_ocaml manual, for a list of .

*module Named :* **sig end**

Dom manipulation by element identifier.

*val scrollIntoView* :  **?bottom:bool -\> 'a Eliom\_content.Html5.elt -\> unit**

The function  **scrollIntoView elt** scroll the page to a position where  **elt** is displayed at the top of the window. If the optional parameter  **~bottom:true** is present, the page is scrolled to a position where  **elt** is displayed at the bottom of the window.

*module Class :* **sig end**

*module Elt :* **sig end**

*module Ev :* **sig end**

*module Attr :* **sig end**

*module Css :* **sig end**

Read the CSS properties of DOM elements.

*module SetCss :* **sig end**

Modify the CSS properties of DOM elements.
