Нативные селекторы JS включают GetElementByID, GetElementsByName, GetElementsByTagName и GetElementsByClassName. Далее я представлю использование этих четырех селекторов один за другим.
1.GetElementById (получить элемент через ID)
Использование: document.getElementById ("id"); ID - значение атрибута идентификатора элемента, который будет извлечен.
2. DeteLementsByName (получить элемент через атрибут имени)
Использование: Document.GetElementsByName ("name"); имя - это значение атрибута имени элемента, который будет получен. Этот метод обычно применим к отправке данных форм. Когда элементом является форма, IMG, iframe, Applet, встроенный или объект, атрибут, названный в честь значения атрибута имени, будет автоматически создан в объекте документа. Следовательно, соответствующий объект DOM можно ссылаться через Document.Domname
3. Detelementsbytagname (получить элемент по имени элемент)
Использование: 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>I am getting through tag</div><div id="box">I am getting through id</div><div>I am getting through class</div><form action="" name = "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 больше ~