js选择html元素,JavaScript中获取HTML元素值的三种方法

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;

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

js选择html元素,JavaScript中获取HTML元素值的三种方法相关推荐

JAVA中获取文件MD5值的四种方法
JAVA中获取文件MD5值的四种方法其实都很类似,因为核心都是通过JAVA自带的MessageDigest类来实现.获取文件MD5值主要分为三个步骤,第一步获取文件的byte信息,第二步通过Messa ...
ArcEngine获取字段唯一值的三种方法
在做GIS数据处理时,我们经常需要获取某个字段的唯一值.我在这里总结了三种方法,下面分别进行说明. 方法一:读取表记录这种方法就是逐条读取记录,然后选用合适的数据结构进行查重,它的好处就在于:不必去 ...
html页面获取元素,JavaScript中获取HTML元素值的三种方法
JavaScript中取得元素的方法有三种:分别是: 1.getElementById() 方法:通过id取得HTML元素. 2.getElementsByName()方法:通过name取得元素,是一 ...
在JS方法中返回多个值的三种方法
在使用JS编程中,有时需要在一个方法返回两个个或两个以上的数据,用下面的几种方法都可以实现: 1 使用数组的方式,如下: <html> <head><title>J ...
JS判断一个数组中是否有重复值的三种方法
方法一: var s = ary.join(",")+","; for(var i=0;i<ary.length;i++) { if(s.replace( ...
vbs执行ctrl+空格_VBS中解决路径带空格的三种方法
vbs中,如果需要运行的程序中带有空格,按照通常的方式往往会提示错误,其实有两种形式不同的解决方法: 在应用程序前后分别加三个双引号,代码如下: Set wshell=CreateObject(&qu ...
javascript中获取dom元素高度和宽度
javascript中获取dom元素高度和宽度的方法如下: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight ...
html 获取文本框值,html - 如何在JavaScript中获取文本框值
html - 如何在JavaScript中获取文本框值我正在尝试使用JavaScript从HTML文本框中获取值,但值不是在空格之后例如: 我只得到:上面的"软件". 我正在使 ...
php页面文件后缀名,PHP中获取文件扩展名的N种方法
PHP中获取文件扩展名的N种方法从网上收罗的,基本上就以下这几种方式: 第1种方法: function get_extension($file) { substr(strrchr($file, '. ...
PHP中获取文件扩展名的N种方法
PHP中获取文件扩展名的N种方法从网上收罗的,基本上就以下这几种方式: 第1种方法: function get_extension($file) { substr(strrchr ...

js选择html元素,JavaScript中获取HTML元素值的三种方法

js选择html元素,JavaScript中获取HTML元素值的三种方法相关推荐

最新文章

热门文章