js动态获取文本框的值

JavaScript052

js动态获取文本框的值,第1张

1.首先通过文本框的使用getelementbyid("idname");方法来获取文本框对象;

2.通过文本框对象来获取文本框的value值

在新打开的页面获得前面文本框内的内容:

window.opener.document.getelementbyid('文本框id').value

拓展资料:

根据指定的

id

属性值得到对象。返回

id

属性值等于

sid

的第一个对象的引用。假如对应的为一组对象,则返回该组对象中的第一个。

百度百科——getelementbyid

代码示例:

document.getElementById("id").innerHTML //获取文本的内容;

document.getElementById("id").value //获取文本框的内容;

function getValue(){

var input=document.getElementById("myId")//通过id获取文本框对象

alert(input.value)//通过文本框对象获取value值

}

扩展资料:

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

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

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

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

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

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

参考资料:JavaScript-百度百科

var keyword="******"//关键字

这样写就可以:

var keyword=document.forms[0].keyword.value//关键字

但是,你的这样语句就是页面加载的时候执行一次,因为你写在onLoad里面的,那么当页面加载以后你修改keyword的值是没有效果的。

要能够多次执行,应该这样:

<html><head>

<script language="JavaScript">

function func()

{

var keyword=document.forms[0].keyword.value//关键字

var r=document.body.createTextRange()

var s='<font style="background-color: #FFFF00">'+keyword+'</font>'

while(r.findText(keyword)){

for(var o=r.parentElement()o&&o.tagName!="A"o=o.parentElement)

if(!o)try{

r.pasteHTML(s)

}catch(e){}

r.collapse(false)

}

return false

}

</script>

</head><body>

<form onSubmit="return func()">

<input name='keyword' type='text' value="******">

<input type=submit value='Search'>

</form>

</body></html>