JS获取元素值

JavaScript015

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 )  //对象.属性

}

可以通过js dom 来获取,对元素设一个id值,然后为元素绑定一个click事件或直接设置 "onclick=",然后调用相应的function,在function中通过:document.getElementById("") ,就可以获取到地点的元素对象,然后在浏览器中按F12进行调试,就可以看到这个对应的所有属性及方法,当然元素的值也在里面。

单纯获取值是:document.getElementById("").value

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('body').append($('#shuz').val())。

3、浏览器运行index.html页面,此时shuz数组中的值被成功用js取出打印了出来。