（1）html
<p id="txt">这是P标签</p>
<h1 id="txt" style="color: red;">这是标题</h1>
<ul>
<li></li>
<li></li>
<li class="one"></li>
<li class="one"></li>
<li class="one"></li>
<li class="one"></li>
<li></li>
<li></li>
<li></li>
<li name="one"></li>
</ul>
<input type="text" name="one">
<input type="text" name="one">
<input type="text" name="one">
(2)JavaScript
var otxt=document.getElementById(\'txt\');
// 通过Id名获取标签，获取到的标签是唯一的。如果页面中有多个相同的ID名，获取到的是页面中第一个该Id名的标签
console.log(otxt);
otxt.style.color = \'green\';
var olis=document.getElementsByTagName(\'li\');
// 通过标签名获取标签，得到是一个类数组，就算获取到的标签只有一个，也是类数组
console.log(olis);
olis[0].style.background = \'green\';
var one=document.getElementsByClassName(\'one\');
// 通过类名获取标签，得到是一个类数组，就算获取到的标签只有一个，也是类数组
console.log(one);
var oone=document.getElementsByName(\'one\');
// 通过name值获取标签，得到是一个类数组，就算获取到的标签只有一个，也是类数组
console.log(oone);