js怎么获取文本框内容

js怎么获取文本框内容,第1张

var keyword="";//关键字

这样写就可以:

var keyword=documentforms[0]keywordvalue;//关键字

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

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

<html><head>

<script language="JavaScript">

function func()

{

var keyword=documentforms[0]keywordvalue;//关键字

var r=documentbodycreateTextRange();

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

while(rfindText(keyword)){

for(var o=rparentElement();o&&otagName!="A";o=oparentElement);

if(!o)try{

rpasteHTML(s);

}catch(e){}

rcollapse(false);

}

return false;

}

</script>

</head><body>

<form onSubmit="return func();">

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

<input type=submit value='Search'>

</form>

</body></html>

js中如何获取一个id的值:

方法一、

<html>

<head>

<script

language="javascript">

function

print(){

var

a=myformnamevalue;

alert(a);

}

</script>

</head>

<body>

<form

name="myform">

<input

type="text"

name="name"

id="nn"

/>

<input

type="button"

name="button"

value="获取"

onclick="print()"

/>

</form>

</body>

</html>

这是获取网页input值的方法之一,给from一个名字然后在JavaScript的地方就可以用form的名字来调用form表单里input元素的value属性可以得到值,并把值赋给a,最后用JavaScript的alert()打印方法打印出来。

方法二、

Java代码

<html>

<head>

<script

language="javascript">

function

print(){

var

a=documentgetElementById("nn")value;

alert(a);

}

</script>

</head>

<body>

<form>

<input

type="text"

name="name"

id="nn"

/>

<input

type="button"

name="button"

value="获取"

onclick="print()"

/>

</form>

</body>

</html>

上面的两种方法都可以得到页面里input元素的值,一个是用表单名,一个是用元素id

思路:用getElementsByTagName方法来实现。

片断代码如下:

<html>

<head>

<script type="text/javascript">

function getElements()

  {

  var x=documentgetElementsByTagName("input");

  alert(xlength);

  }

</script>

</head>

<body>

<input name="myInput" type="text" size="20" /><br />

<input name="myInput" type="text" size="20" /><br />

<input name="myInput" type="text" size="20" /><br />

<br />

<input type="button" onclick="getElements()" value="How many input elements" />

</body>

</html>

效果图如下:

定义和用法

getElementsByTagName() 方法可返回带有指定标签名的对象的集合。

jquery中获取一段包含script标签的div内容的方法:

1、首先要引入jQuery的依赖js文件。

2、然后用$("#divName")innerHTML的方式来获取div内部包含标签的全部内容。

例如:

<div di="divName">

<script type="text/javascript">

function test(){alert("1");}

</script>

</div>

<script type="text/javascript">

var divContent = $("#divName")innerHTML;

</script>

var str="<script type='text\/javascript'>XXXXX<\/script>"

var reg=/<script[^>]>[\s\S]<\/script>/i;

//alert(regexec(str))

var len1=strindexOf(">")

var len2=strlastIndexOf("<")

var str3=strsubstring(len1+1,len2)

alert(str3)

使用字符串方法 就可以查找到标签里的内容了

1、

(缺点 1 for循环影响性能,2每次循环都会在内部创建一个事件,3 如果 li 是动态追加的会导致事件失效。)

var btns=documentgetElementsByClassName("btn");//扩展 可以有多种获取DOM方法

for(var i=0;i<btnslength;i++){

btns[i]onclick=function(){

var id=thisgetAttribute("data-id");

if(id!="null"){

consolelog(id);

}

}

}

2、

(解决了方案一种的2,3缺点,但是还有for循环!IOS下事件委托失效解决方案)

var btns=documentgetElementsByClassName("btn");

function handleClick(){

var id=thisgetAttribute("data-id");

if(id!="null"){

consolelog(id);

}

}

for(var i=0;i<btnslength;i++){

btns[i]addEventListener("click",handleClick,false);

}

3、

(完美解决方案1种的所有缺点)

涉及知识点:addEventListener,event

var parent=documentgetElementById("parent");

function handleClick(){

var e=windowevent||arguments[0];

var target=esrcElement||etarget;

if(targetnodeNametoLowerCase() == 'li'){

var id=targetgetAttribute("data-id");

if(id!="null"){

consolelog(id);

}

}

}

parentaddEventListener("click",handleClick,false);

代码示例:

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-百度百科

以上就是关于js怎么获取文本框内容全部的内容,包括:js怎么获取文本框内容、js中如何获取一个id的值、js如何获取页面 元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9680004.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存