Los selectores JS nativos incluyen GetElementByID, GetElementsByName, GetElementsBytagName y GetElementsByClassName. A continuación, presentaré el uso de estos cuatro selectores uno por uno.
1.getElementById (Obtener elemento a través de ID)
Uso: document.getElementById ("id"); ID es el valor de atributo de identificación del elemento a recuperar.
2.getElementsByName (Get Element a través del atributo de nombre)
Uso: document.getElementsByName ("nombre"); el nombre es el valor del atributo de nombre del elemento que se obtendrá. Este método es generalmente aplicable a enviar datos de formulario. Cuando el elemento es formulario, img, iframe, applet, incrusta u objeto, el atributo que lleva el valor del atributo de nombre se creará automáticamente en el objeto de documento. Por lo tanto, el objeto DOM correspondiente se puede hacer referencia a través de documento. Domname
3.getElementsBytagName (Get Element by Element Name)
Uso: document.getElementsBytagName (tagName); TagName es el nombre de la etiqueta del elemento que se obtendrá. Cuando TagName es *, significa obtener todos los elementos. El documento también se puede reemplazar con un elemento DOM, pero de esta manera, solo puede obtener los elementos de subconjunto detrás del elemento DOM.
4.getElementsByClassName (obtenga elementos a través de la clase CSS)
Uso: document.getElementsByClassName (classname); ClassName es el nombre de la clase CSS para obtener el elemento. Si desea obtener varios elementos al mismo tiempo, separarlos con espacios después de cada clase CSS. Por ejemplo, document.getElementsByClassName ("class2 class1") obtendrá el elemento en los estilos de clase1 y clase2, y el documento también se puede reemplazar con un elemento DOM, de modo que solo se pueden obtener elementos de subconjunto después del elemento DOM.
<! Doctype html> <! DocType html> <html lang = "en"> <fead> <meta charset = "utf-8"> <title> demostración </title> </head> <body> <div> Estoy pasando a través de la etiqueta </div Id = "box" name = "Box2"> Estoy atravesando el nombre </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>Lo anterior es el análisis completo del selector JS que le presenta el editor. Espero que todos puedan apoyar a Wulin.com más ~