用JS怎样获取文本框的值

代码示例：

documentgetElementById("id")innerHTML //获取文本的内容；

documentgetElementById("id")value //获取文本框的内容；

function getValue(){

var input=documentgetElementById("myId");//通过id获取文本框对象

alert(inputvalue);//通过文本框对象获取value值

}

扩展资料：

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

是一种解释性脚本语言（代码不进行预编译）。 [4]

主要用来向HTML（标准通用标记语言下的一个应用）页面添加交互行为。 [4]

可以直接嵌入HTML页面，但写成单独的js文件有利于结构和行为的分离。 [4]

跨平台特性，在绝大多数浏览器的支持下，可以在多种平台下运行（如Windows、Linux、Mac、Android、iOS等）。

Javascript脚本语言同其他语言一样，有它自身的基本数据类型，表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方，表达式则可以完成较复杂的信息处理

参考资料：

JavaScript-百度百科

在实际项目中，遇到一个问题，首先d出一个新窗口，新窗口中放了一个TreeView控件，TreeView控件的数据绑定在我的上一篇随笔(TreeView绑定XML数据源C#代码示例)中有讲到，现在要解决的是，如何单击TreeView中一个节点，返回Text和Value到父页面并关闭该新窗口。

首先，在后台代码中为TreeView添加属性onclick以支持TreeView的客户端事件，代码如下：

复制代码

代码如下:

if

(!IsPostBack)

{

TreeView1AttributesAdd("onclick",

"ReturnValue()");//ReturnValue为javascript函数

BindTreeView();

}

那现在就要解决如何通过js获得TreeView中被选中的那个节点，脚本如下：

复制代码

代码如下:

function

ReturnValue()

{

var

objNode

=

eventsrcElement;

var

unitid

=

eventsrcElementhref;

if

(objNodetagName

!=

"SPAN")

{

return;

}

windowopenerdocumentgetElementById("txtUnit")value

=

objNodegetAttribute("innerHtml");

windowopenerdocumentgetElementById("txtUnitID")value

=

unitid;

windowclose();

}

其实这里用了点小花招，因为我实在不知道在哪个属性里能获得绑定给TreeView的ValueField的值，所以，Value值我一并绑给了NavigateUrl，也就是写**部分代码的原因，Html代码如下：

复制代码

代码如下:

<asp:TreeView

ID="TreeView1"

runat="server"

ExpandDepth="1">

<DataBindings>

<asp:TreeNodeBinding

TextField="NAME"

ValueField="Value"

NavigateUrlField="Value"

SelectAction="None"

/>

</DataBindings>

</asp:TreeView>

红色部分代码是用来获取TreeView上显示文字的，因为如果你去查看源文件的话，你会发现，TreeView的Text属性值被放在了SPAN中。

绿色部分代码是用来回填父页面的，但是要注意的是，"txtUnit"必须是客户端控件，因为如果是服务器端控件，d窗在编译时会报不存在该控件。

这样，我需要的功能就实现了！另外，有人可能会说，父页面中用来装载回填值的是客户端控件，那如果要在服务器事件中使用怎么办？也很简单，C#代码如下：

RequestForm["txtUnit"]ToString();

但是要注意了，这里的"txtUnit"可不是控件ID，而是name属性了！

不知道我理解的对不对，代码如下：

<div>

<input type="text" name="tex">

<button class="buts" onclick="add(this)">添加</button>

</div>

<div>

<input type="text" name="tex">

<button class="buts" onclick="add(this)">添加</button>

</div>

js部分：

function add(btn){

var $btn = $(btn);

alert($btnprev()val());

}

方法有两种：

1、通过jquery的方式，使用id选择器方式获取节点，然后获取值。

2、通过原生的dom方式，获取id的值。

每一个HTML元素都使用id来进行一个标注，随后可以通过documentgetElementById(“ID名称”)取得指定的ID元素对象，取得元素对象之后就可以对其进行 *** 作。

但是documentgetElementById()只能取得一个元素信息。

documentgetElementById(“id”) 获取到的是整个对象。

documentgetELementById(“id”)innerHTML；才可以获取到其中的内容。

documentgetElementById('con')获取的只是P标签，返回的[objectHTMLParagraphElement]。

documentgetElementById('con')innerHTML获取的才是P标签里的内容，返回的是JavaScript。

扩展资料：

JavaScript脚本语言具有以下特点:

(1)脚本语言。JavaScript是一种解释型的脚本语言，C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。

(2)基于对象。JavaScript是一种基于对象的脚本语言，它不仅可以创建对象，也能使用现有的对象。

(3)简单。JavaScript语言中采用的是弱类型的变量类型，对使用的数据类型未做出严格的要求，是基于Java基本语句和控制的脚本语言，其设计简单紧凑。

(4)动态性。JavaScript是一种采用事件驱动的脚本语言，它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时，鼠标在网页中进行鼠标点击或上下移、窗口移动等 *** 作JavaScript都可直接对这些事件给出相应的响应。

(5)跨平台性。JavaScript脚本语言不依赖于 *** 作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用，前提上机器上的浏览器支持JavaScript脚本语言，目前JavaScript已被大多数的浏览器所支持。

不同于服务器端脚本语言，例如PHP与ASP，JavaScript主要被作为客户端脚本语言在用户的浏览器上运行，不需要服务器的支持。所以在早期程序员比较青睐于JavaScript以减少对服务器的负担，而与此同时也带来另一个问题：安全性。

而随着服务器的强壮，虽然程序员更喜欢运行于服务端的脚本以保证安全，但JavaScript仍然以其跨平台、容易上手等优势大行其道。

同时，有些特殊功能（如AJAX）必须依赖Javascript在客户端进行支持。随着引擎如V8和框架如Nodejs的发展，及其事件驱动及异步IO等特性，JavaScript逐渐被用来编写服务器端程序。

参考资料来源：百度百科-javascript

以上就是关于用JS怎样获取文本框的值全部的内容，包括:用JS怎样获取文本框的值、js获取TreeView控件选中节点的Text和Value值的方法、怎样让js只获取当前层内的text文本值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！