기본 JS 선택기에는 getElementById, getElementsByName, getElementsByTagName 및 GetElementsByClassName이 포함됩니다. 다음으로, 나는이 4 개의 선택기의 사용법을 하나씩 소개 할 것입니다.
1. getElementById (ID를 통한 요소 가져 오기)
사용법 : document.getElementById ( "id"); id는 검색 할 요소의 ID 속성 값입니다.
2. GetElementsByName (이름 속성을 통해 요소 가져 오기)
사용법 : document.getElementsByName ( "name"); 이름은 얻을 요소의 이름 속성 값입니다. 이 방법은 일반적으로 양식 데이터를 제출하는 데 적용됩니다. 요소가 형식 인 IMG, Iframe, Applet, Embed 또는 Object 인 경우 이름 속성 값의 이름을 따서 명명 된 속성은 문서 개체에서 자동으로 작성됩니다. 따라서 해당 DOM 객체는 document.domname을 통해 참조 할 수 있습니다.
3. getElementsByTagName (요소 이름으로 요소 get)
사용법 : document.getElementsByTagName (tagname); tagname은 얻을 요소의 태그 이름입니다. tagname이 *인 경우 모든 요소를 얻는 것을 의미합니다. 문서는 DOM 요소로 대체 될 수도 있지만 이러한 방식으로 DOM 요소 뒤에 서브 세트 요소 만 가져올 수 있습니다.
4. GetElementsByClassName (CSS 클래스를 통한 요소 가져 오기)
사용법 : document.getElementsByClassName (className); className은 요소를 얻는 CSS 클래스 이름입니다. 여러 항목을 동시에 얻으려면 각 CSS 클래스 후에 공간으로 분리하십시오. 예를 들어, document.getElementsByClassName ( "class2 class1")은 class1 및 class2 스타일에서 요소를 가져오고 문서를 DOM 요소로 대체 할 수 있으므로 DOM 요소 후에 하위 집합 요소 만 얻을 수 있습니다.
<! docType html> <! docType html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> demo </title> </head> <body> <div> 나는 태그를 통과하고 있습니다. 이름 = "box2"> 나는 이름을 통과하고 있습니다 </form> </body> <script type = "text/javaScript"> var div = document.getElementsByTagName ( "div"); var box = document.getElementById ( "box"); var box1 = document.getElementsByClassName ( "Box1"); var box2 = document.getElementsByName ( "box2"); </script> </html>
위는 편집자가 제공 한 JS 선택기의 전체 분석입니다. 모두가 wulin.com을 더 지원할 수 있기를 바랍니다 ~