JavaScript之获取标签

（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);