JS获取元素值

JavaScript013

JS获取元素值,第1张

用js获取页面元素:

1、getElementById()

返回一个值 或者报错null

 2、getElementsByName()

返回htmlcollection

 3、getElementsByTagName()

返回htmlcollection

 4、getElementsByClassName()

返回htmlcollection

var  vlaue =document.getElementByClassName("classname")

for(var i=0i<value.lengthi++){

console.log (value[i].value )  //对象.属性

}

通过函数参数this,将自身传递给函数。从而获取对象的name与id属性。具体代码如下:

<script language=javascript>

function temp(get_obj)

{

alert(get_obj.name)

alert(get_obj.id)

}

</script>

<body>

<input type="button" name="n1" id="bu1" value="第一个" onclick=temp(this)>

<input type="button" name="n2" id="bu2" value="第二个" onclick=temp(this)>

<input type="button" name="n3" id="bu3" value="第三个" onclick=temp(this)>

</body>

测试可用。