Haste.DOM

DOM manipulation functions using String for string representation.

Documentation

class IsElem a where

The class of types backed by DOM elements.

Minimal complete definition

elemOf

Methods

elemOf :: a -> Elem

Get the element representing the object.

fromElem :: Elem -> IO (Maybe a)

Attempt to create an object from an Elem.

Instances

IsElem Elem

IsElem Audio

IsElem Canvas

IsElem Bitmap

data Elem

A DOM node.

Instances

FromAny Elem

ToAny Elem

IsElem Elem

BitmapSource Elem

type PropID = String

type ElemID = String

type QuerySelector = String

type ElemClass = String

data AttrName

The name of an attribute. May be either a common property, an HTML attribute or a style attribute.

Instances

IsString AttrName

type AttrValue = String

style :: String -> AttrName

Create a style attribute name.

attr :: String -> AttrName

Create an HTML attribute name.

(=:) :: AttrName -> AttrValue -> Attribute

Create an Attribute.

newElem :: MonadIO m => String -> m Elem

Create an element.

newTextElem :: MonadIO m => String -> m Elem

Create a text node.

elemById :: MonadIO m => ElemID -> m (Maybe Elem)

Get an element by its HTML ID attribute.

elemsByQS :: MonadIO m => Elem -> QuerySelector -> m [Elem]

Get all children elements matching a query selector.

elemsByClass :: MonadIO m => ElemClass -> m [Elem]

Get all elements of the given class.

setProp :: (IsElem e, MonadIO m) => e -> PropID -> String -> m ()

Set a property of the given element.

getProp :: (IsElem e, MonadIO m) => e -> PropID -> m String

Get a property of an element.

setAttr :: (IsElem e, MonadIO m) => e -> PropID -> String -> m ()

Set an attribute of the given element.

getAttr :: (IsElem e, MonadIO m) => e -> PropID -> m String

Get an attribute of an element.

getValue :: (IsElem e, MonadIO m, JSType a) => e -> m (Maybe a)

Get the value property of an element; a handy shortcut.

withElem :: MonadIO m => ElemID -> (Elem -> m a) -> m a

Perform an IO action on an element.

withElems :: MonadIO m => [ElemID] -> ([Elem] -> m a) -> m a

Perform an IO action over several elements. Throws an error if some of the elements are not found.

withElemsQS :: (IsElem e, MonadIO m) => e -> QuerySelector -> ([Elem] -> m a) -> m a

Perform an IO action over the a list of elements matching a query selector.

mapQS :: (IsElem e, MonadIO m) => e -> QuerySelector -> (Elem -> m a) -> m [a]

Map an IO computation over the list of elements matching a query selector.

mapQS_ :: (IsElem e, MonadIO m) => e -> QuerySelector -> (Elem -> m a) -> m ()

Like mapQS but returns no value.

getStyle :: (IsElem e, MonadIO m) => e -> PropID -> m String

Get a CSS style property of an element.

setStyle :: (IsElem e, MonadIO m) => e -> PropID -> String -> m ()

Set a CSS style property on an element.

getFileData :: (IsElem e, MonadIO m) => e -> Int -> m (Maybe Blob)

Get a file from a file input element.

getFileName :: (IsElem e, MonadIO m) => e -> m String

Get the name of the currently selected file from a file input element. Any directory information is stripped, and only the actual file name is returned, as the directory information is useless (and faked) anyway.

setClass :: (IsElem e, MonadIO m) => e -> String -> Bool -> m ()

Add or remove a class from an element's class list.

toggleClass :: (IsElem e, MonadIO m) => e -> String -> m ()

Toggle the existence of a class within an elements class list.

hasClass :: (IsElem e, MonadIO m) => e -> String -> m Bool

Does the given element have a particular class?