如何获取html控件里的值

如何获取html控件里的值,第1张

<!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属性的。

html页面的表单:

<form action="处理页面" method="post" name="form1">

<input type="text" name="userName" />

<input type="submit" value="提交" />

</form>

处理页面:

Request["userName"]; //包括GET和POST方式传来的值

RequestParams["userName"];////包括GET和POST方式传来的值

RequestQueryString["userName"];//GET方式传来的值

RequestForm["userName"];//表单传来的值

使用JavaScript获取某个元素的属性值可以使用jQuery中的选择器+attr()方法。

工具原料:编辑器、浏览器

1、实现的思路是先使用选择器通过id获取到这个元素,然后使用attr方法获取某个属性的值,代码如下:

<div id="div1" class="test">

</div>

<script>

consolelog($('#div1')attr('class'));

</script>

2、运行的结果是获取到了class的值test,如下图:

比如页面有一个节点

<a href="地址" id='t1'>内容</a>

现在要获取A标签的值,也就是“内容”

1、通过dom方式获取a标签节点

var a = documentgetElementById('t1');

2、通过innerText获取标签的值

var s = ainnerText;//获取“内容”

$("confirmbutton2")click(function(){

    alert($(this)closest("td")next()children()val());

});

给你的取个id(注意:id在同一页面上最好别有重复的,就跟身份z号一样,任何标签的最好都别重复)然后通过id定位到该a标签:var myA = documentgetElementById("a1")或者documentalla1;最后就可以读取了:myAinnerHTML或者myAinnerText(前者是读取前后a标签内的所有HTML代码,后者是仅读取前后a标签内的文本值)如:<a<baaaa</b</a innerHTML就能获取到<baaaa</b,而innerText只能获取到aaaa还要注意以上代码中的大小写,JS是严格区分的仅供参考

以上就是关于如何获取html控件里的值全部的内容,包括:如何获取html控件里的值、这么获取html 的值、html JS中如何获取某ID下的某个标签的某个属性值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

    保存