JavaScript中获取HTML元素值的三种方法
JavaScript中取得元素的方法有三种:分别是:
1、getElementById()方法:通过id取得HTML元素。
2、getElementsByName()方法:通过name取得元素,是一个数组。
3、getElementsByTagName()方法:通过HTML标签取得元素,是一个数组。
如果要取得值可以使用value,如:varx=document.getElementById("id").value;
方法一:getElementById()方法
可返回对拥有指定ID的第一个对象的引用。
语法:document.getElementById(id)
在DOM程序设计中,它的使用非常常见。您可以定义一个工具函数,这样您就可以通过一个较短的名字来使用getElementById()方法了。
functionid(x){ if(typeofx=="string"){ returndocument.getElementById(x); returnx; }
方法二:getElementsByName()方法
因为一个文档中的name属性可能不唯一(如HTML表单中的单选按钮通常具有相同的name属性),所有getElementsByName()方法返回的是元素的数组,而不是一个元素。
例如,下面的代码可以获得form中第一个name为“inputText”的元素
varmyParagragh=document.getElementsByName("inputText")[0].value;
方法三:getElementsByTagName()方法
如果您非常了解文档的结构,也可以使用getElementsByTagName()方法获取文档中的一个特定的元素。
例如,下面的代码可以获得文档中的第二个段落的值:
varmyParagragh=document.getElementsByTagName("p")[1].value;
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。