jquery获取input值的几种方法
jquery和javascript获取input输入框中的值多种实现方法
你好，获取input输入框的值可以用多种方法来实现，具体的要看你实际的情况。
例：
先准备一段HTML
<input type="text" id="CSDN_NAME" name="CSDN_NAME" class="CSDN_NAME">一、jquery方法
通过 name 实现
var name = $('input[name="CSDN_NAME"]')val();二、javascript方法
通过 id 实现
var name = documentgetElementById("CSDN_NAME")value还有更多jquery和javascript来获取input输入框的值的方法可以参照：
jquery获取input值的几种方法
说下你代码错误的地方吧：
1，<button>结束标签没有
2，<script type="javascript"></script>
3，是getElementsByTagName而不是getElementByTagName
4,documentgetElementsByTagName("p")应该为documentgetElementsByTagName("p")[0]
正确代码：
<!DOCTYPE html>
<html>
<body>
<h1>
我的 Web 页面</h1>
<p id="demo">
一个段落。</p>
<div id="myDIV">
一个 DIV。</div>
<button onclick="myFunction()">
点击显示</button>
<script type="text/javascript">
function myFunction() {
alert(documentgetElementsByTagName("p")[0]innerHTML);
}
</script>
</body>
</html>
<span id="span">
<span style="color: rgb(229, 51, 51);">2132131321</span>
</span>
var span = documentgetElementById("span")innerHTML;
jquery:
var span = $("#span")html();
扩展资料
<p><span>some text</span>some other text</p>
如果不对 span 应用样式，那么 span 元素中的文本与其他文本不会任何视觉上的差异。尽管如此，上例中的 span 元素仍然为 p 元素增加了额外的结构。
<span>在行内定义一个区域，也就是一行内可以被<span>划分成好几个区域，从而实现某种特定效果。<span>本身没有任何属性，<span> 标签支持HTML 的全局属性和事件属性。
可以为 span 应用 id 或 class 属性，这样既可以增加适当的语义，又便于对 span 应用样式。可以对同一个 <span> 元素应用 class 或 id 属性，但是更常见的情况是只应用其中一种。这两者的主要差异是，class 用于元素组（类似的元素，或者可以理解为某一类元素），而 id 用于标识单独的唯一的元素。
参考资料：
百度百科 HTML
给你的取个id如：<a id="a1" href="#">aaaa</a>（注意：id在同一页面上最好别有重复的，就跟身份z号一样，任何标签的最好都别重复）然后通过id定位到该a标签：var myA = documentgetElementById("a1")或者documentalla1;最后就可以读取了：myAinnerHTML或者myAinnerText(前者是读取前后a标签内的所有HTML代码，后者是仅读取前后a标签内的文本值)如:<a><b>aaaa</b></a> innerHTML就能获取到<b>aaaa</b>,而innerText只能获取到aaaa 还要注意以上代码中的大小写，JS是严格区分的 仅供参考
原生JS获取某节点的方法：
documentgetEelementById(id);//根据id获取此节点
documentgetEelementsByName(name);//根据name获取此节点集
documentgetEelementsByTagName(tagName);//根据标签名获取此节点集
documentgetEelementsByClassName(className);//根据class名称获取此节点集
documentquerySelector(selector);//根据此选择器获取此节点集第一个节点
documentquerySelectorAll(selector);//根据此选择器获取所有此类节点集
JS获取label标签的值的方法是：1，如果你的页面只有一个label标签，var a = documentgetElementsByTagName("label")[0]innerText;
2，如果页面存在很多的label标签，而且不再一个一个父元素下，那么可以给label标签加一个id,比如<label id="label_0"></label>，var a = documentgetElementById("label_0")innerText;
JS获取DOM元素的方法：getElementById，getElementsByName，getElementsByTagName，getElementsByClassName（此方法不是所有浏览器多支持，不支持的时候自己可以写），querySelectorAll,querySelector
不管楼主想获取几个label的值，方式都是一样的，还可以获取input的值，不过input的值写法是 var a = documentgetElementsByTagName("input")[0]value;这里是value而不是innerText;
以上就是关于js如何获取html input标签中内容全部的内容，包括:js如何获取html input标签中内容、如何用js获取标签<p>标签内容</p>里的数据，即标签内容 TagName（id），可以么，我为什么取不到数据。、js获取HTML中<span></span>标签中的内容包括<span>等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）