JS和JQuery获取label的值

label

label 获取值:

label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值

// input get value
var input = document.getElementById(“input_blog”);
var value = input.value; // “http://blog.ithomer.net”
var value2 = $("#input_blog").val(); // “http://blog.ithomer.net”

// error label get value
var label = document.getElementById(“label_blog”);
var value = label.value; // undefined
var value2 = $("#label_blog").val(); // “”

1)JS 正确获取:

// js label get value
var label = document.getElementById(“label_blog”);
var value = label.innerText.trim(); // “http://blog.ithomer.net”

2)JQuery 正确获取:

// jquery label get value
var value = $("#label_blog").html().trim(); // “http://blog.ithomer.net”

label 赋值:

// set label value
var label = document.getElementById(“label_blog”);
label.innerText=“http://proxy.ithomer.net”; // js set value
$("#label_blog").html(“http://proxy.ithomer.net”); // jquery set value

input 赋值:

// set input value
var input = document.getElementById(“input_blog”);
input.value=“http://proxy.ithomer.net”; // js set value
$("#input_blog").val(“http://proxy.ithomer.net”); // jquery set value

完整测试代码:

demo of label value
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
	// input get value
	var input = document.getElementById("input_blog");
	var value = input.value;						// "http://blog.ithomer.net"
	var value2 = $("#input_blog").val();			// "http://blog.ithomer.net"

	// error label get value
	var label = document.getElementById("label_blog");
	var value = label.value;						// undefined
	var value2 = $("#label_blog").val();			// ""

	// js label get value
	var label = document.getElementById("label_blog");
	var value = label.innerText.trim();				// "http://blog.ithomer.net"

	// jquery label get value
	var value = $("#label_blog").html().trim();		// "http://blog.ithomer.net"


	// set input value
	var input = document.getElementById("input_blog");
	input.value="http://proxy.ithomer.net";					// js set value
	$("#input_blog").val("http://proxy.ithomer.net");		// jquery set value

	// set label value
	var label = document.getElementById("label_blog");
	label.innerText="http://proxy.ithomer.net";				// js set value
	$("#label_blog").html("http://proxy.ithomer.net");		// jquery set value

</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值