JS操作元素的几种方式

1.id

document.getElementById(id属性值)

例子：

<span id="date">@DateTime.Now.ToString("yyyy/MM/dd")</span>

document.getElementById("date").innerHTML = date;

id唯一是一个元素

2.标签名

document.getElementsByTagName(标签名)

方法的用途是寻找有着给定标签名的所有的元素。返回值顺序跟文档标签顺序保持一致

例子：

<input name="myInput" type="text" size="20" /><br />

<input name="myInput" type="text" size="20" /><br />

<input name="myInput" type="text" size="20" /><br />

document.getElementsByTagName("input")

3.name

document.getElementsByName(name属性值)

例子：

<input name="myInput" type="text" size="20" /><br />

<input name="myInput" type="text" size="20" /><br />

<input name="myInput" type="text" size="20" /><br />

document.getElementsByName("myInput")

不唯一，是一个数组

4.class

document.getElementsByClassName(class属性值)

不唯一，是一个数组

例子：

<input class="myInput" type="text" size="20" /><br />

<input class="myInput" type="text" size="20" /><br />

<input class="myInput" type="text" size="20" /><br />

document.etElementsByClassName("myInput")