HTML获取元素JavaScript对象的方法

getElementById方法：获取所有指定id的元素。

<div id="word" class="place">
	<span>北京市</span>
	<p>上海市</p>
</div>
<script>
	var element = document.getElementById("word");
	console.log(element);
</script>

上述代码可以获取到id为word（div标签内）的所有元素。

<div id="word" class="place">
	<span>北京市</span>
	<p>上海市</p>
</div>

getElementsByClassName方法：获取所有指定类名的元素。

<div id="word" class="place">
	<span>北京市</span>
	<p>上海市</p>
</div>

<b class="place">天津市</b>

<script>
	var element = document.getElementsByClassName("place");
	console.log(element);
</script>

上述代码可以获取到所有类名为place的元素。

<div id="word" class="place">
	<span>北京市</span>
	<p>上海市</p>
</div>

<b class="place">天津市</b>

getElementsByName方法：获取所有指定name的元素。

<div id="word" class="place">
	<span>北京市</span>
	<p>上海市</p>
</div>

<b name="poem">更上一层楼</b>

<script>
	var element = document.getElementsByName("poem");
	console.log(element);
</script>

上述代码可以获取name为poem的所有元素。

<b name="poem">更上一层楼</b>