Os seletores JS nativos incluem GetElementById, GetElementsByName, GetElementsByTagName e GetElementsByClassName. Em seguida, apresentarei o uso desses quatro seletores um por um.
1.GetElementById (obtenha elemento através do ID)
Uso: Document.getElementById ("ID"); ID é o valor do atributo de ID do elemento a ser recuperado.
2.GetElementsByName (obtenha o elemento através do atributo de nome)
Uso: document.getElementsByName ("Nome"); nome é o valor do atributo de nome do elemento a ser obtido. Este método é geralmente aplicável ao envio de dados do formulário. Quando o elemento é formado, img, iframe, applet, incorporação ou objeto, o atributo nomeado após o nome do atributo de nome será criado automaticamente no objeto Document. Portanto, o objeto DOM correspondente pode ser referenciado através do documento.domName
3.GetElementsByTagName (Get Element By Element Name)
Uso: document.getElementsByTagName (tagname); Tagname é o nome da tag do elemento a ser obtido. Quando o tagname é *, significa obter todos os elementos. O documento também pode ser substituído por um elemento DOM, mas, dessa maneira, você só pode obter os elementos do subconjunto por trás do elemento DOM.
4.GetElementsByClassName (Obtenha elementos através da classe CSS)
Uso: Document.getElementsByClassName (ClassName); ClassName é o nome da classe CSS para obter o elemento. Se você deseja obter vários itens ao mesmo tempo, separe -os com espaços após cada classe CSS. Por exemplo, document.getElementsByClassName ("Class2 Class1") obterá o elemento nos estilos Classe1 e Classe2, e o documento também pode ser substituído por um elemento DOM, para que apenas os elementos subconjuntos após o elemento DOM possam ser obtidos.
<! Doctype html> <! Doctype html> <html lang = "en"> <head> <meta charset = "utf-8"> <title> Demo </title> </head> <body> <div> Estou passando por tag </div id id = " name = "box2"> estou passando através do nome </mand> </body> <script type = "text/javascript"> var div = document.getElementsByTagName ("div"); var box = document.getElementById ("caixa"); var box1 = document.getElementsByClassName ("Box1"); var box2 = document.getElementsByName ("box2"); </sCript> </html>O exposto acima é a análise completa do seletor JS trazido a você pelo editor. Espero que todos possam apoiar mais wulin.com ~