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

发布于 2017-03-07 01:44:59 | 152 次阅读 | 评论: 0 | 来源: 网友投递

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。

这篇文章主要为大家详细介绍了JavaScript中获取HTML元素值的三种方法，分享了JavaScript中取得元素的方法，感兴趣的小伙伴们可以参考一下

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

1、getElementById() 方法：通过id取得HTML元素。

2、getElementsByName()方法：通过name取得元素，是一个数组。

3、getElementsByTagName()方法：通过HTML标签取得元素，是一个数组。

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

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

语法：document.getElementById(id)

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


function id(x){

 if(typeof x == "string"){

 return document.getElementById(x);

 return x;

}

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

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

var myParagragh = document.getElementsByName("inputText")[0].value;

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

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

var myParagragh = document.getElementsByTagName("p")[1].value;

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

最新网友评论 共有(0)条评论发布评论返回顶部