JS和Jquery获取和修改label的值的示例代码_javascript技巧

获取值:

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

复制代码 代码如下:

var label=document.getElementById("id");
var value=label.value;
var value=$("#id").val();

可以这样:

JS:

复制代码 代码如下:

var label=document.getElementById("id");
var value=label.innerText;

Jquery:

复制代码 代码如下:

var value=$("#id").html();

赋值:

不像Java,JS和Jquery不能这样赋值:

复制代码 代码如下:

var label=document.getElementById("id");
var value=label.innerText;
value="XXXXXX";

复制代码 代码如下:

var value=$("#id").html();
value="XXXXXX";

可以这样赋值:

复制代码 代码如下:

var label=document.getElementById("id");
label.innerText="XXXXXX";
$("#id").html("XXXXX");

时间: 2024-08-03 02:40:51

JS和Jquery获取和修改label的值的示例代码_javascript技巧的相关文章

JS和Jquery获取和修改label的值的示例代码

 label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值,下面有个不错的示例,希望大家可以学习下 获取值:    label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值:   代码如下: var label=document.getElementById("id");  var value=label.value;  var value=$("#id").val();    可以这样:    JS:  代码如下:

JS和JQUERY获取页面大小,滚动条位置,元素位置(示例代码)_jquery

js与jquery获得页面大小.滚动条位置.元素位置 复制代码 代码如下: //页面位置及窗口大小 function GetPageSize() {var scrW, scrH; if(window.innerHeight && window.scrollMaxY) {    // Mozilla    scrW = window.innerWidth + window.scrollMaxX;    scrH = window.innerHeight + window.scrollMaxY

JS获取DropDownList的value值与text值的示例代码_javascript技巧

相关JS: 复制代码 代码如下: <script type="text/javascript" language="javascript">    function SearchChange()    {        var ddl = document.getElementById("DropDownList1")           var index = ddl.selectedIndex;           var Val

js获取select选中的option的text示例代码_javascript技巧

javascript 复制代码 代码如下: var item = document.getElementById(""); var text = item.options[item.selectedIndex].text; jQuery 复制代码 代码如下: var text = $("#selector")[0].options[$("#selector")[0].selectedIndex].text

JS 获取select(多选下拉)中所选值的示例代码_javascript技巧

复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> New Document </title> <meta name="Generator" content="EditPlus"> <meta name="Author&q

js 实现 input type=&amp;quot;file&amp;quot; 文件上传示例代码_javascript技巧

在开发中,文件上传必不可少,<input type="file" /> 是常用的上传标签,但是它长得又丑.浏览的字样不能换,我们一般会用让,<input type="file" />隐藏,点其他的标签(图片等)来时实现选择文件上传功能. 看代码: 复制代码 代码如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <he

js实现点小图看大图效果的思路及示例代码_javascript技巧

DOM:就是用JavaScript操作HTML节点. 知识点: 将HTML变成DOM树 看到HTML会画DOM树. 创建节点,添加节点,删除节点 varnodeObj = document.createElement("节点名"); //创建元素节点 document.createTextNode("文本"); //创建文本节点 父节点.appendChild(子节点); //把子节点添加到父节点下 父节点.removeChild(子节点); //获得节点 docu

js 点击页面其他地方关闭弹出层(示例代码)_javascript技巧

复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> <!-- *{font-size:12px;font-family:Verdana, Gen

JavaScript获取/更改文本框的值的实例代码_javascript技巧

尽管<input type="text" />和<textarea />是不同元素,但它们均支持同样的特性来获取包含在文本框内的文本.考虑以下例子: 复制代码 代码如下: <html><head><title>Retrieying a Textbox Value Example</title><script type="text/javascript">function getVal