label
<label name="label_blog" id="label_blog" value="http://blog.ithomer.net">
http://blog.ithomer.net
</label>
</br>
<input name="input_blog" id="input_blog" value="http://blog.ithomer.net">
</input>
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
完整测试代码:
<!DOCTYPE html>
<html>
<head>
<title>demo of label value</title>
</head>
<body>
<label name="label_blog" id="label_blog" value="http://blog.ithomer.net">
http://blog.ithomer.net
</label>
</br>
<input name="input_blog" id="input_blog" value="http://blog.ithomer.net">
</input>
<!--
<label name="label_blog" id="label_blog" style="display:none;" value="http://blog.ithomer.net">
http://blog.ithomer.net
</label>
-->
<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>
</body>
</html>
分享到:
相关推荐
获取值: label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值: 代码如下: var label=document.getElementById(“id”); var value=label.value; var value=$(“#id”).val(); 可以这样: JS: 代码...
一款生动有趣的input输入框,当然,它只支持高...2、调用jquery.label_better插件 3、将input输入框复制到你需要的地方即可搞定 当然,最后还是希望不要有js或者css冲突,如果有,那懒人们就要自己根据实际情况查查了
innerHTML; labeltext spantext var lbltext = document.getElementById('Label1')。
用户可以通过以下方式获取来源:bower install jquery-floating-form-label使用jQuery.floatingFormLabel.js 此演示页面如何使用此脚本的示例: #### HTML标记很灵活,只需确保将float-label类添加到要浮动的输入中...
代码片段: <div class="label-selected"> 展开标签库 收起标签库 <input type="hidden" name="label"> </div>
有一个多选的需求,在网上找到了这个插件:... 所以使用它的时候,先得导入jquery-ui相关的js和css哦 特性 •支持点击label实现checkbox组选择. •头部选项,如全选/ 取消全选 /关闭功能. •支持键盘选择. •支
js 获取元素下面所有的li var content=document.getElementById("content"); var items=content.getElementsByTagName("ul"); var itemss=items[2].getElementsByTagName("li");//获取第二个li标签 或 var ...
第一次写关于AppCan开发的文章,有人写了关于jQuery或者原生Ajax与json的交互,那我就稍微写写我开发过程中使用jQuery获取json后使用zy_tmpl生成下拉菜单的实例吧。 PHP服务端生成json的那部分就不写那么多了,就是...
animation="slide"(动画效果,slide可以是其他的,具体参照textbox的css) 2、在输入框中加上data-label="slide"(用于输入框左侧文本显示,slide可以是其他任意自定义的文本) 3、在初始化的js中加上$('input')....
本文实例为大家分享了Jquery Easyui表单组件的实现代码,供大家参考,具体内容如下 加载方式 表单组件只能在 JS 区域设置,首先定义一张表单。 <form id=box method=post> <label for=name>Name:</label...
最后,仔细安静下来,细读 json 官方文档后发现这么一段: JSON数据是一种能很方便通过JavaScript解析的结构化数据。如果获取的数据文件存放在远程服务器上(域名不同,也就是跨域获取数据),则需要使用jsonp类型。...
本文实例讲述了jQuery实现input输入框获取焦点与失去焦点时提示的消失与显示功能。分享给大家供大家参考,具体如下: 最近都成为页面仔了,主要工作都放在了前段,以前总是写后台程序,对前端的一些技术 html,css,...
jQuery 和Dom关系及jQuery版本 jQuery选择器 实例多选反选取消 删选器以及Tab菜单示例 示例:模态编程框 jQuery 样式以及属性操作 示例:TAB切换菜单 jQuery内容操作 点赞以及jQuery css操作 JQuery高度以及位置操作...
<script src="JS/jquery-1.4.1.js" type="text/javascript"> <script src="JS/jquery-ui.min.js" type="text/javascript"> <script src="JS/jquery.ui.datepicker-zh-...
<script type="text/javascript" src="js/jquery.js"> <h2>Media(中介者)模式 行为设计模式。公开一个统一的接口,系统的不同部分可以通过该接口进行通信。 确保组件的交互是通过这个中心点来处理,而...
全球国家中文名称集合,可通过jquery 添加至下拉选择框。
这两天用 Jquery 跨域取数据的时候,经常碰到 invalid label 这个错误,十分的郁闷,老是取不到服务器端发送回来的 json 值, 一般跨域用到的两个方法为:$.ajax 和$.getJSON 最后,仔细安静下来,细读 json 官方...
本文实例为大家分享了jquery.validate表单验证的使用方法,供大家参考,具体... 2).js逻辑控制:在需要校验的表单元素上绑定事件,如点击、获取焦点、失去焦点等事件,并设置这些事件对应的执行函数; 3).css样式
SkyLabels.js有趣,紧凑和可访问的表格为什么选择SkyLabels.js... 用类sky-label将输入和标签包装在<section> , 或其他块级元素中。 确保标签有一个for该输入相匹配。 在domready事件期间或在包含sky-labels.min.js之