<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div>我是div</div>
<input type="text">
<a href="###">点击我获取所有标签里的值</a>
<script type="text/javascript">
var div = documentgetElementsByTagName('div')[0],
input = documentgetElementsByTagName('input')[0],
a = documentgetElementsByTagName('a')[0];
aonclick = function () {
alert('div里的值是：' + divinnerHTML + '\n' + 'input里的值是：' + inputvalue + '\n' + 'a标签里的值是：' + ainnerHTML);
}
</script>
</body>
</html>
一般来说，有起始和结束标签的（也就是双标签）获取其中的值都是用的innerHTML属性，单标签的获取其中的值都是用value属性的。
原生JS:
var oInput =documentgetElementById("app") //获取一个id为app的输入框元素；
var getHtml = oInputinnerHTML //获取该元素的内容并赋值给getHTML;
扩展资料：
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。
在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
JavaScript脚本语言具有以下特点:
(1)脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
(2)基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
(3)简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。
参考资料来源：百度百科-js
jquery获取html文件的某个标签的值可以先用选择器，再调用val方法：
1、html代码如下：
<div id ="sa">
<div class="something">Hello world</div>
<div class="formdiv">
<form name="inpForm">
<input type="text" name="FirstName" />
<input type="submit" value="Submit" />
</form>
</div>
</div>
2、用jquery选择器获取标签的值：
var text = $('#sa')find('input[name="FirstName"]')val();
3、获取到FirstName的值：
zhangsan
html中获取标签的数据，可以通过js来获取，如下代码：
<script type="text/javascript" src="js/jqueryjs"></script>
<script type="text/javascript">
function validate(){
//一 ．是通过jDOM
// var attitudeObj = documentgetElementById("attitude");
//var attitude = attitudeObjinnerHTML;
//二 ．是通过jquery
var att = $("#attitude")text();//可以得到输入域中的内容
var idnum = $("#idnum")val();
var name = $("#name")val();
var t_name = $("#t_name")val() ;
var pro_name = $("#pro_name")val() ;
// alert(att);
if( name == null || name == "" ){
alert("请输入毕业设计名称!");
return false;
}
att = attreplace(/\s+/g,"");
if( att == null || att == ""){
alert("请输入选题须知！");
return false;
}
if( t_name == null || t_name == "" ){
alert("请选择教师!");
return false;
}
if( pro_name == null || pro_name == ""){
alert("请选择专业！");
return false;
}
location="teacher/mainfrajsp";
//location="teacherAction_AddGraduationTitleactionidnum=" + idnum +"&cname=" + cname +"&start=" + start+"&end=" + end;
return true;
}
</script>
</head>
<body">
<div >
<div style="margin-left: 100px;">
<!-- <form action="teacherAction_AddGraduationTitleaction" method="post" >-->
<span>自动编号：</span><input type="text" readonly="readonly" name="idnum" id="idnum" style="background: gray;" value="<s:property value="#requestmaxIdnum"/>"/><br/>
<br/>
<span>毕业设计名称：</span><input type="text" name="name" id="name"/><br/><br/>
<span>所属教师：</span><select name="t_name" id="t_name">
<option></option>
<s:iterator value="teacherList">
<option value="<s:property value='idnum' />"><s:property value="name" /></option>
</s:iterator>
</select> <br/> <br/>
<span>所属专业：</span><select name="pro_name" id="pro_name">
<option></option>
<s:iterator value="professionList">
<option value="<s:property value='idnum' />"><s:property value="pro_name" /></option>
</s:iterator>
</select>
<br/>
<br/>
<span>选题须知：</span>
<textarea id ="attitude" name="attitude" rows="3" cols="30" style="color: red;">
</textarea>
<br/>
<br/>
<input type="button" value="添加"> <input style="margin-left: 100px" type="reset" value="重置">
<!-- </form> -->
</div>
</div>
</body>
表格中的一行添加id属性即可：
var item=documentgetElementById("id");
<html>
<head>
<script type = 'text/javascript'>
var curRow; //全局行号
var curRowId; //选中行的记录信息的ID
var curColor;
function selectRow(tr){//tr行本身
curRow = tr;
curRowId = trid;
alert(trcells[0]innerText);
超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含、链接，甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
网页的本质就是超级文本标记语言，通过结合使用其他的Web技术（如：脚本语言、公共网关接口、组件等），可以创造出功能强大的网页。因而，超级文本标记语言是万维网（Web）编程的基础，也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。
以上就是关于如何获取html控件里的值全部的内容，包括:如何获取html控件里的值、如何获取HTML中用户输入到文本框中的内容、jquery怎么获取html文件的某个标签的值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）