browser ⟩ DOM ⟩ type ⟩ Node
instance properties
parentNodearrow-up-right (Nodearrow-up-right | null)
parentElementarrow-up-right (Element | null)
childNodesarrow-up-right (NodeListarrow-up-right) - live NodeList include elements, text and comments.
firstChildarrow-up-right (Nodearrow-up-right | null)
lastChildarrow-up-right (Nodearrow-up-right | null)
nextSiblingarrow-up-right (Nodearrow-up-right | null)
previousSiblingarrow-up-right (Nodearrow-up-right | null)
nodeTypearrow-up-right (Integer) - Element (1), Text (3), Comment (8), Document (9).
nodeValuearrow-up-right (String | null) - textual content of a node.
nodeNamearrow-up-right (String) - = Element.tagNamearrow-up-right if it's an HTML element.
$(), $all()
NodeList
Element - subclass.
MDN ⟩ EventTargetarrow-up-right ⟩ Nodearrow-up-right
Filter or map nodelists in ES6arrow-up-right
Node ⟩ .textContentarrow-up-right - gets the content of all elements, including <script>arrow-up-right and <style>arrow-up-right elements. (prevent XSS attacksarrow-up-right)
<script>
<style>
Element ⟩ .innerHTMLarrow-up-right - returns HTML.
HTMLElement ⟩ .innerTextarrow-up-right - innerText takes CSS styles into account.
innerText
前端筆記 ⟩ innerText、innerHTML、textContent、outerHTML 的差別arrow-up-right
codepen ⟩ node.textContent vs. htmlElement.innerTextarrow-up-right
Last updated 3 years ago