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>