HTML DOM 방법

1574 단어

1. addEventListener() 메서드


지정한 요소에 이벤트 핸들을 추가하는 데 사용되는 이벤트 감청기 추가로 직역합니다.
  • 문법:
  • element.addEventListener(event, function, useCapture)
    

    그 중에서 envent 이벤트 이름, 필수와function (예를 들어 click, 여기서 함수 실행을 직접 사용자 정의할 수 있음), 필수useCapture블 값 선택, (true - 이벤트 핸들은 포획 단계에서 실행, false [기본값] 이벤트 핸들은 거품 단계에서 실행)
  • 예:
  • 
    

    addEventListener() 。

    document.getElementById("myBtn").addEventListener("click", myFunction); function myFunction() { document.getElementById("demo").innerHTML = "Hello World"; }


    기능은 사용자 정의 함수↓↓↓
     button.addEventListener('click', () => {
        isLiked = !isLiked
        if (isLiked) {
          buttonText.innerHTML = ' '
        } else {
          buttonText.innerHTML = ' '
        }
      }, false)
    

    2.querySelector() 메서드


    "질문 데이터 선택기"로 직역하여 지정한 선택기와 일치하는 첫 번째 요소를 되돌려줍니다.(모든 요소를 반환하고querySelectorAll () 방법으로 대체합니다.)
  • 문법:
  • document.querySelector(CSS selectors)
    

    CSS selectors: html 탭일 수 있습니다. 사용자 정의class와 id(.class와 #id)일 수도 있고, 어떤 탭 아래의 사용자 정의clsaa와 id(예를 들어 p.classA, h2#idA)일 수도 있고, 특정한 속성의 첫 번째 탭(p[target])일 수도 있지만 문자열 형식이어야 합니다.
  • 예:
  •  
    
    
    

    p 。

    p 。

    p 。

    function myFunction() { document.querySelector("p").style.backgroundColor = "red"; }

    좋은 웹페이지 즐겨찾기