JS和JQuery获取label的值

2025-10-20 00:15:16 | 第一次世界杯 | admin | 9015°c

label

http://blog.ithomer.net


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

http://blog.ithomer.net