Javascript获取Html界面元素的几种方法

getElementById()

// 通过ID来取得元素,所以只能访问设置了ID的元素,比如说有一个DIV的ID为docid:

// <div id=”docid”></div>

// 那么就可以用getElementById(“docid”)来获得这个元素。

getElementsByName()

// 通过NAME来获得元素,DOCUMENT中元素的NAME可以重复,如果一个文档中有两个以上的标// 签NAME相同,那么getElementsByName()就可以取得这些元素组成一个数组。

// 比如有两个DIV:

// <div name=”docname” id=”docid1″></div>

// <div name=”docname” id=”docid2″></div>

// 那么可以用getElementsByName(“docname”)获得这两个DIV,用getElementsByName(“docname”)[0]访问第一个DIV。

getElementsByTagName()

// 通过TAGNAME(标签名称)来获得元素,一个DOCUMENT中会有相同的标签,所以这个方法也是取得一个数组。

// 可以用 getElementsByTagName(“div”)来访问它们,用getElementsByTagName(“div”)[0]访问第一个 DIV,用getElementsByTagName(“div”)[1]访问第二个DIV。

js如何获取html的数据?

一般用原生js、jQuery获取html元素的值。<div id=”test”>数值</div>

原生js写法:

alert(document.getElementById(‘test’).innerHTML);//数值

jQuery写法:

alert($(‘#test’).html());//数值

拓展资料

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。

JavaScript里函数怎么获取HTML元素的值?

给a标签设置一个class,再用jquery获取其内容,再用一个变量存储,就可以给到函数里了