JavaScript中获取HTML元素值的三种方法

前端之家收集整理的这篇文章主要介绍了JavaScript中获取HTML元素值的三种方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

JavaScript中取得元素的方法有三种:分别是:

1、getElementById() 方法

通过id取得HTML元素。

2、getElementsByName()方法

通过name取得元素,是一个数组。

3、getElementsByTagName()方法

通过HTML标签取得元素,是一个数组。

如果要取得值可以使用value,如:var x=document.getElementById("id").value;

方法一:

getElementById() 方法 可返回对拥有指定 ID 的第一个对象的引用。

语法:

在 DOM 程序设计中,它的使用非常常见。您可以定义一个工具函数,这样您就可以通过一个较短的名字来使用 getElementById() 方法了。

if(typeof x == "string"){

return document.getElementById(x);

return x;

}

方法二:getElementsByName()方法 因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。

例如,下面的代码可以获得form中第一个name为“inputText”的元素

方法三:getElementsByTagName()方法 如果您非常了解文档的结构,也可以使用 getElementsByTagName() 方法获取文档中的一个特定的元素。

例如,下面的代码可以获得文档中的第二个段落的值:

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章