리히

Eventabortanimationcancelanimationendanimationiterationanimationstartauxclickbeforeinputbeforetoggleblurcancelcanplaycanplaythroughchangeclickclosecompositionendcompositionstartcompositionupdatecontextmenucopycuechangecutdblclickdragdragenddragenterdragleavedragoverdragstartdropdurationchangeemptiedendederrorfocusfocusinfocusoutformdatagotpointercaptureinputinvalidkeydownkeypresskeyuploadloadedd..

See the Pen button*event막기 by is k (@is-k) on CodePen.   정리button(tag) + text(type)        → .preventDefault()button(tag) + submit(type)  → .preventDefault()button(tag) + button(type)  → .submit()

See the Pen Untitled by is k (@is-k) on CodePen.    HTML접근(내부)function tagAccess() { document.getElementsByTagName ("input") [0].style.backgroundColor = "red"; }function classAccess() { document.getElementsByClassName("inputClass")[0].style.backgroundColor = "orange"; }function nameAccess() { document.getElementsByName ("inputName") [0].style.backgroundColor = "yellow"; }function..

\nSee the Pen Untitled by is k (@is-k) on CodePen.   Ref.https://truman-show.tistory.com/27

코드See the Pen Untitled by is k (@is-k) on CodePen.     CSS요소.style     HTML요소.style   정리JS는 HTML내에 style접근o ← element.style(o)JS는 CSS내에 style접근x ← #id (x)HTML요소.style = 읽기o*쓰기oCSS 요소.style = 읽기x*쓰기o      Ref.https://helloinyong.tistory.com/284