진급 8

2267 단어

1. dom 대상의 innerText와 innerHTML는 어떤 차이가 있습니까?

  • innerHTML은 대상의 시작 위치부터 끝 위치까지의 모든 내용을 가리키며 Html 라벨을 포함한다.
  • innerText는 시작 위치에서 끝 위치까지의 내용을 가리키지만 Html 라벨을 제거한다.

  • 2.elem.children과 elem.childNodes의 차이점은?

  • children 속성은 표준적이지 않으며 지정한 원소의 하위 원소 집합을 되돌려줍니다.테스트를 통해 html 노드만 되돌려주고 텍스트 노드도 되돌려주지 않는다.모든 브라우저에서 놀라운 일치를 보였다.childNodes와 마찬가지로 Firefox에서 집합 요소를 가져오는 것은 () 지원되지 않습니다.따라서 지정한 요소의 첫 번째 html 노드를 얻으려면children[0]을 사용하여 위의 getFirst 함수를 대체할 수 있습니다.children은 IE에 주석 노드를 포함합니다.
  • childNodes 속성, 표준, 이것은 지정된 요소의 하위 요소 집합을 되돌려줍니다. html 노드, 모든 속성, 텍스트를 포함합니다.nodeType을 통해 어떤 종류의 노드인지 판단할 수 있으며 nodeType==1일 때만 원소 노드이고 2는 속성 노드이며 3은 텍스트 노드이다.

  • 3. 요소를 조회하는 데는 몇 가지 흔히 볼 수 있는 방법이 있습니까?ES5의 요소 선택 방법은 무엇입니까?

  • getElementById()
  • getElementsByClassName()
  • getElementsByTagName()
  • getElementsByName()
  • querySelector()
  • querySelectorAll()
  • ES5에서 요소를 선택하는 방법은querySelector()과querySelectorAll()
  • 4. 요소를 어떻게 만듭니까?어떻게 요소에 속성을 설정합니까?속성 삭제 방법

    var node = document.createElement('img');
    node.setAttribute('src', 'http://ssss');
    node.removeAttribute('src');
    

    5. 어떻게 페이지 요소에 하위 요소를 추가합니까?페이지 요소 아래의 하위 요소는 어떻게 삭제합니까?


    하위 요소 추가
  • appendChild()
  • insertBefore()
  • replaceChild() 하위 요소 삭제
  • removeChild()

  • 6. element.classList에는 어떤 방법이 있습니까?하나의 요소의class 목록에 어떤class가 포함되어 있는지 어떻게 판단합니까?어떻게class를 추가합니까?어떻게class를 삭제합니까?

    var nodeBox = document.querySelector('.box')
    console.log( nodeBox.classList )
    nodeBox.classList.add('active')   //  class
    nodeBox.classList.remove('active')  //  class
    nodeBox.classList.toggle('active')   // / 
    node.classList.contains('active')   //   class
    

    7. 다음 코드의 모든 리 요소를 어떻게 선택합니까?btn 요소는 어떻게 선택합니까?

    • list1
    • list2
    • list3
    var nodes = document.querySelectorAll('.mod-tabs li');
    var node = document.querySelector('.btn');
    

    좋은 웹페이지 즐겨찾기