owned this note owned this note

DOM

¿Qué es el DOM?

Temás

Selectores

Obtener datos del dom

document.getElementByTagName
document.getElementById
document.getElementByClassName
querySelector
querySelectorAll
getAtrribute
setAtrribute
innerHTML

Escribir en el dom

Document.write

Alterar valores en el Dom

textContent
innerHTML

Elementos y nodos padre

parentElement

Elementos y nodos Hijos

childNodes
children
firstChild
firstElementChild
lastChild

Elemntos y nodos hermano

previousSibling
previousElementSibling
nextElementSibling
nextSibling

Creacion de elementos y nodos

document.createElement
setAtribute
create text node
append child
insertBefore

Tener formato en los nodos y elementos

style
class
className
classList
- add
- remove
- toggle

Eventos

Eventos en HTML
Eventos en Js

Cheatsheet

Syntax	Example	Reference
# Header	Header	基本排版
- Unordered List	Unordered List
1. Ordered List	Ordered List
- [ ] Todo List	Todo List
> Blockquote	Blockquote
Bold font	Bold font
Italics font	Italics font
~~Strikethrough~~	~~Strikethrough~~
19^th^	19^th
H~2~O	H₂O
++Inserted text++	Inserted text
==Marked text==	Marked text
[link text](https:// "title")	Link
![image alt](https:// "title")	Image
`Code`	`Code`	在筆記中貼入程式碼
```javascript var i = 0; ```	`var i = 0;`	在筆記中貼入程式碼
:smile:		Emoji list
{%youtube youtube_id %}	Externals
$L^aT_eX$	L^aT_eX
:::info This is a alert area. :::	This is a alert area.

Select a repo