源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-09-29 19:16 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:JavaScript中获取HTML元素值的三种方法
JavaScript中取得元素的方法有三种:分别是: [b]1、getElementById() 方法:[/b]通过id取得HTML元素。 [b]2、getElementsByName()方法:[/b]通过name取得元素,是一个数组。 [b]3、getElementsByTagName()方法:[/b]通过HTML标签取得元素,是一个数组。 如果要取得值可以使用value,如:var x=document.getElementById("id").value; [b]方法一:[/b][b]getElementById() 方法[/b] 可返回对拥有指定 ID 的第一个对象的引用。 语法:document.getElementById(id) 在 DOM 程序设计中,它的使用非常常见。您可以定义一个工具函数,这样您就可以通过一个较短的名字来使用 getElementById() 方法了。
function id(x){

 if(typeof x == "string"){

 return document.getElementById(x);

 return x;

}

[b]方法二:[/b][b]getElementsByName()方法[/b] 因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。 例如,下面的代码可以获得form中第一个name为“inputText”的元素 var myParagragh = document.getElementsByName("inputText")[0].value; [b]方法三:[/b][b]getElementsByTagName()方法 [/b]如果您非常了解文档的结构,也可以使用 getElementsByTagName() 方法获取文档中的一个特定的元素。 例如,下面的代码可以获得文档中的第二个段落的值: var myParagragh = document.getElementsByTagName("p")[1].value; 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持编程素材网。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部