Module

Web.DOM.Element

Package: purescript-web-dom
Repository: purescript-web/purescript-web-dom

#fromNode Source

fromNode :: Node -> Maybe Element

#fromChildNode Source

fromChildNode :: ChildNode -> Maybe Element

#fromNonDocumentTypeChildNode Source

fromNonDocumentTypeChildNode :: NonDocumentTypeChildNode -> Maybe Element

#fromParentNode Source

fromParentNode :: ParentNode -> Maybe Element

#fromEventTarget Source

fromEventTarget :: EventTarget -> Maybe Element

#toNode Source

toNode :: Element -> Node

#toChildNode Source

toChildNode :: Element -> ChildNode

#toNonDocumentTypeChildNode Source

toNonDocumentTypeChildNode :: Element -> NonDocumentTypeChildNode

#toParentNode Source

toParentNode :: Element -> ParentNode

#toEventTarget Source

toEventTarget :: Element -> EventTarget

#namespaceURI Source

namespaceURI :: Element -> Maybe NamespaceURI

#prefix Source

prefix :: Element -> Maybe NamespacePrefix

#localName Source

localName :: Element -> ElementName

#tagName Source

tagName :: Element -> ElementName

#id Source

id :: Element -> Effect ElementId

#setId Source

setId :: ElementId -> Element -> Effect Unit

#className Source

className :: Element -> Effect ClassName

#classList Source

classList :: Element -> Effect DOMTokenList

#setClassName Source

setClassName :: ClassName -> Element -> Effect Unit

#getElementsByTagName Source

getElementsByTagName :: ElementName -> Element -> Effect HTMLCollection

#getElementsByTagNameNS Source

getElementsByTagNameNS :: Maybe NamespaceURI -> ElementName -> Element -> Effect HTMLCollection

#getElementsByClassName Source

getElementsByClassName :: ClassName -> Element -> Effect HTMLCollection

#attributes Source

attributes :: Element -> Effect NamedNodeMap

#setAttribute Source

setAttribute :: AttrName -> String -> Element -> Effect Unit

#getAttribute Source

getAttribute :: AttrName -> Element -> Effect (Maybe String)

#hasAttribute Source

hasAttribute :: AttrName -> Element -> Effect Boolean

#removeAttribute Source

removeAttribute :: AttrName -> Element -> Effect Unit

#matches Source

matches :: QuerySelector -> Element -> Effect Boolean

#closest Source

closest :: QuerySelector -> Element -> Effect (Maybe Element)

#scrollTop Source

scrollTop :: Element -> Effect Number

#setScrollTop Source

setScrollTop :: Number -> Element -> Effect Unit

#scrollLeft Source

scrollLeft :: Element -> Effect Number

#setScrollLeft Source

setScrollLeft :: Number -> Element -> Effect Unit

#scrollWidth Source

scrollWidth :: Element -> Effect Int

#scrollHeight Source

scrollHeight :: Element -> Effect Int

#clientTop Source

clientTop :: Element -> Effect Number

#clientLeft Source

clientLeft :: Element -> Effect Number

#clientWidth Source

clientWidth :: Element -> Effect Number

#clientHeight Source

clientHeight :: Element -> Effect Number

#getBoundingClientRect Source

getBoundingClientRect :: Element -> Effect DOMRect

#DOMRect Source

type DOMRect = { bottom :: Number, height :: Number, left :: Number, right :: Number, top :: Number, width :: Number, x :: Number, y :: Number }

#ShadowRootInit Source

type ShadowRootInit = { delegatesFocus :: Boolean, mode :: ShadowRootMode }

#attachShadow Source

attachShadow :: ShadowRootInit -> Element -> Effect ShadowRoot

#scrollIntoView Source

scrollIntoView :: Element -> Effect Unit

Scrolls the element's ancestor containers so that the element is visible, using the default alignment (element.scrollIntoView()).

#scrollIntoViewWithOptions Source

scrollIntoViewWithOptions :: ScrollIntoViewOptions -> Element -> Effect Unit

Scrolls the element into view with the given behavior and alignment (element.scrollIntoView(options)).

#ScrollBehavior Source

data ScrollBehavior

How the scroll is animated.

Constructors

Instances

Eq ScrollBehavior

#ScrollLogicalPosition Source

data ScrollLogicalPosition

Where the element is aligned within the scrollport.

Constructors

Instances

Eq ScrollLogicalPosition

#ScrollIntoViewOptions Source

type ScrollIntoViewOptions = { behavior :: ScrollBehavior, block :: ScrollLogicalPosition, inline :: ScrollLogicalPosition }

Re-exports from Web.DOM.Internal.Types

#Element Source

data Element

Re-exports from Web.DOM.ParentNode

#QuerySelector Source

newtype QuerySelector