一、JavaScript获取元素的方式

在JavaScript中，常用的获取元素的方式有以下几种：

根据id获取元素

<code>var element = document.getElementById('elementId');

根据类名获取元素

var elements = document.getElementsByClassName('className');

根据标签名获取元素

var elements = document.getElementsByTagName('tagName');

根据name属性名获取元素

var elements= document.getElementsByName('name');

通过querySelector获取

通过querySelector()获取(选择器 只获取第一个)：

var elements= document.querySelector("tagName");

 通过CSS选择器获取单个元素：

var element = document.querySelector('.className');

通过querySelectorAll获取

通过queryselectorAll()获取(选择器 获取所有)：

var elements= document.querySelectorAll("tagName");

通过CSS选择器获取元素集合：

var elements = document.querySelectorAll('.className');

通过HTML5新属性获取元素集合（如data-*）：

var elements = document.querySelectorAll('[data-custom]');

父找子，子找父

通过父元素直接获取子元素：

var child = parentElement.firstElementChild; // 第一个子元素

var child = parentElement.lastElementChild; // 最后一个子元素

var children = parentElement.children; // 所有子元素

通过子元素获取父元素：

var parent = element.parentElement;

通过Document获取body和html元素：

var body = document.body;

var html = document.documentElement;

二、Jquery获取元素的方式

根据id获取元素

$('#elementId')

根据类名获取元素

$('.className')

根据标签名获取元素

$('tagName')

根据name属性名获取元素

$('input[name="someName"]')code>

获取所有元素：