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。
一般可以用原生js及jQuery获取html元素的值。
<div id="test">数值</div>
原生js写法：
alert(document.getElementById('test').innerHTML);//数值
jQuery写法：
alert($('#test').html());//数值
说明：
innerHTML是取元素的内部html代码，此例中即div内部的所有html代码。
html()方法作用也是取dom节点的内部html内容，是jQuery中的函数方法。
拓展资料
关于html
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
在一个html页面生成的时候，js就已经把dom树创建好了
只要这棵树上有的数据，我们都可以通过js来获取使用
那么这个问题就变成js如何去查询dom树的节点了
js内置了以下几个查询节点的方法
document.getElementById("id") //通过id来获取一个dom元素
document.getElementsByName("name") //通过name属性来获取一个集合
document.getElementsByTagName("tag") //通过标签来获取一个集合如果要查找的元素本身有id，通过第一个方法可以直接获取，当我们得到了这个dom节点的时候就可以输出他的一系列数据了
举个栗子
var dom = document.getElementById("id");
//如果是图片
alert(dom.src);
//如果该dom有class
alert(dom.className);
//如果该dom有value
alert(dom.value);
//如果该dom有文本
alert(dom.innerHTML);
//输出dom的style
alert(dom.style.width);
//等等当dom没有id的时候，我们就要依靠一些条件去找到我们想要的dom了
//寻找所有class为bold的div
var c = document.getElementsByTagName("div"), len = c.length, r = [];
for(var i=0;i<len;i++){
if(c[i].className == 'bold'){
r.push(c[i]);
}
}
//当得到了这些dom节点后，就可以用上面提到的方法继续访问每个dom的数据啦
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="某.jsp">
用户名：<INPUT TYPE="text" NAME="name" size="20"><br/>
密 码：<INPUT TYPE="password" NAME="pwd" size="20"><br/>
<INPUT TYPE="submit" value="登录">
</FORM>
</BODY>
</HTML>
这是登录页。
某.jsp写法如下：
<%
String name = (String)request.getParameter("name");
String pwd = (String)request.getParameter("pwd");
%>
这样为什么不行?
js是javascript文件，是前端表示层技术，jsp是java service page实际上就是servlet也就是java类，
javascript和java虽然都有java字样，但一点关系也没有，action的值不能是js，js也没有request对象。
运用function函数
<script type="text/javascript">
function checkLoginForm() {
var un = document.getElementById("Text1");
var pw = document.getElementById("Password1");
if(un.value == "" || pw.value == "") {
alert("用户名或密码不能为空");
return false;
}
}
</script>
