精华内容
下载资源
问答
  • 改变某个元素属性值的方法

    千次阅读 2018-04-01 16:09:33
    第一种: element.value = "this new value"; 第二种: ...-- 改变某个元素属性值的方法 --> <img id="targetPic" src="images/coffice.jpg" alt="&

    第一种:

    element.value = "this new value";

    第二种:

    element.setAttribute("value","the new value");

    案例一:

        <!-- 改变某个元素属性值的方法 -->
    <img id="targetPic" src="images/coffice.jpg" alt="">
    
    <script>
        var targetPic = document.getElementById("targetPic");
    
        // 使用 element.value方法实现
    
        targetPic.src = "images/apple.jpg";
    
        // 使用 setAttribute()方法来实现
    
        targetPic.setAttribute("src","images/huawei.jpg");
    </script>

    案例二:

    <div id="textDiv" class="textDiv">修改DIV元素的属性值</div>
    <script>
        var textDiv = document.getElementById("textDiv");
    
        textDiv.setAttribute("id","goalDiv");
    
        textDiv.setAttribute("class","targetDiv");
    
    </script>

    推荐使用第二种,即setAttribute()方法,使用此方法的优势在于它可以修改文档中的任何一个元素的任何一个属性。比如 value、placeholder、title、id、class…的属性值。另一种优势是DOM的可移植性更好。因为DOM是一种适用于多种环境和多种程序设计语言的通用型API,能够避免与兼容性有关的任何问题。

    展开全文
  • jquery改变元素属性值

    千次阅读 2017-02-13 10:23:06
    //标签的属性称作元素属性,在JS里对应的DOM对象的对应属性叫DOM属性。JS里的DOM属性名有时和原元素属性名不同。 //==================================操作元素属性===========================
    转自:
    http://blog.sina.com.cn/s/blog_6fa4ebf4010134d0.html
    

    //标签的属性称作元素属性,在JS里对应的DOM对象的对应属性叫DOM属性。JS里的DOM属性名有时和原元素属性名不同。

    //==================================操作元素属性==================================

    //返回元素指定属性值
    var txt1_val=$("#txt1").attr("value");

    //通过元素的DOM属性名更改DOM属性值
    $("#txt1").attr({ value : "txt1_value" , className : "txt1_class" });

    //通过指定元素属性改变元素属性值
    $("#txt1").attr("class","txt1_class2");

    //给指定元素属性赋值,通过后面捆绑的方法返回值
    $("#txt1").attr("class",function(){
          return "txt1_class3";
    })

    //移除指定的元素属性
    $("#txt1").removeAttr("class");

    //==================================修改CSS类==================================

    //给CSS类即class元素属性添加一个属性值,可以添加多个之间用空格分开以下的对CSS类操作函数同样可以填入多个CSS类
    $("#txt1").addClass("txt1_class txt1_class2");

    //判断是否已有该CSS类,返回真假
    $("#txt1").hasClass("txt1_class txt1_class2");

    //移除指定CSS类,用空格分开,如无指定则删除该元素所有CSS类
    $("#txt1").removeClass("txt1_class");

    //判断是否有这个CSS类,有就删除,没有就添加
    $("#txt1").toggleClass("txt1_class");

    //根据后面的返回真则添加此CSS类,假则删除此CSS类
    $("#txt1").toggleClass("txt1_class",false);

    //==================================修改CSS属性==================================

    //返回指定CSS样式值
    $("#txt1").css("color");

    //一次赋多个样式
    $("#txt1").css({color:"#ff0011",background:"blue"});

    //一次赋一个指定的样式
    $("#txt1").css("color","black");

    //==================================宽和高相关==================================

    //设置元素的高度,无值则返回该元素的高度单位像素
    $("#txt1").height(25);

    //设置元素的宽度,无值则返回该元素的宽度
    $("#txt1").width(150);

    //获取元素的内部高度,不包括边框
    $("#txt1").innerHeight();

    //获取元素内部宽度,不包括变宽
    $("#txt1").innerWidth();

    //获取元素外部高度,包括边框
    $("#txt1").outerHeight();

    //获取元素外部宽度,包括边框
    $("#txt1").outerWidth();

    //==================================位置相关==================================

    //获取元素相对窗口的偏移位置,返回两个值,一个top值,一个left值
    var txt1_offset=$("#txt1").offset();
    var top=txt1_offset.top;
    var left=txt1_offset.left;

    //返回相对父元素的相对偏移位置,返回两个值一个top,一个left
    var txt1_position=$("#txt1").position();
    var top=txt1_position.top;
    var left=txt1_position.left;

    //针对的元素具有垂直滚动条,设置从总体内容向下的第20行像素开始,显示在滚动条可视窗口内上方顶端
    //如无参数,则返回当前滚动条可视窗口上方顶点位置,距离整体内容上方顶点的距离
    $("#div_outer").scrollTop(20);

    //针对的元素具有横向滚动条,设置从总体内容左侧的第20列像素开始,显示在滚动条可视窗口内左端顶点
    //如无参数,则返回当前滚动条可视窗口左端顶点位置,距离整体内容左端顶点的距离
    $("#div_outer").scrollLeft(20);

    这些文字显示在内层元素中。

    展开全文
  • jquery获取、改变元素属性值

    千次阅读 2015-01-24 16:26:10
    标签的属性称作元素属性,在JS里对应的DOM对象的...//返回元素指定属性值 var txt1_val=$("#txt1").attr("value"); //通过元素的DOM属性名更改DOM属性值 $("#txt1").attr({value : "txt1_value" , className : "txt1_

    标签的属性称作元素属性,在JS里对应的DOM对象的对应属性叫DOM属性。JS里的DOM属性名有时和原元素属性名不同。


    //返回元素指定属性值
    var txt1_val=$("#txt1").attr("value");
    //通过元素的DOM属性名更改DOM属性值
    $("#txt1").attr({value : "txt1_value" , className : "txt1_class" });
    //通过指定元素属性改变元素属性值
    $("#txt1").attr("class","txt1_class2");
    //给指定元素属性赋值,通过后面捆绑的方法返回值
    $("#txt1").attr("class",function(){
       return"txt1_class3";
    })
    //移除指定的元素属性
    $("#txt1").removeAttr("class");
    
    //给CSS类即class元素属性添加一个属性值,可以添加多个之间用空格分开以下的对CSS类操作函数同样可以填入多个CSS类
    $("#txt1").addClass("txt1_classtxt1_class2");
    //判断是否已有该CSS类,返回真假
    $("#txt1").hasClass("txt1_classtxt1_class2");
    //移除指定CSS类,用空格分开,如无指定则删除该元素所有CSS类
    $("#txt1").removeClass("txt1_class");
    //判断是否有这个CSS类,有就删除,没有就添加
    $("#txt1").toggleClass("txt1_class");
    //根据后面的返回真则添加此CSS类,假则删除此CSS类
    $("#txt1").toggleClass("txt1_class",false);
    
    //返回指定CSS样式值
    $("#txt1").css("color");
    //一次赋多个样式
    $("#txt1").css({color:"#ff0011",background:"blue"});
    //一次赋一个指定的样式
    $("#txt1").css("color","black");
    
    //设置元素的高度,无值则返回该元素的高度单位像素
    $("#txt1").height(25);
    //设置元素的宽度,无值则返回该元素的宽度
    $("#txt1").width(150);
    //获取元素的内部高度,不包括边框
    $("#txt1").innerHeight();
    //获取元素内部宽度,不包括变宽
    $("#txt1").innerWidth();
    //获取元素外部高度,包括边框
    $("#txt1").outerHeight();
    //获取元素外部宽度,包括边框
    $("#txt1").outerWidth();
    
    //获取元素相对窗口的偏移位置,返回两个值,一个top值,一个left值
    var txt1_offset=$("#txt1").offset();
    var top=txt1_offset.top;
    var left=txt1_offset.left;
    //返回相对父元素的相对偏移位置,返回两个值一个top,一个left
    var txt1_position=$("#txt1").position();
    var top=txt1_position.top;
    var left=txt1_position.left;
    
    //针对的元素具有垂直滚动条,设置从总体内容向下的第20行像素开始,显示在滚动条可视窗口内上方顶端
    //如无参数,则返回当前滚动条可视窗口上方顶点位置,距离整体内容上方顶点的距离
    $("#div_outer").scrollTop(20);
    //针对的元素具有横向滚动条,设置从总体内容左侧的第20列像素开始,显示在滚动条可视窗口内左端顶点
    //如无参数,则返回当前滚动条可视窗口左端顶点位置,距离整体内容左端顶点的距离
    $("#div_outer").scrollLeft(20);
    


    展开全文
  • JS中修改标签中元素属性值

    千次阅读 2017-07-25 22:01:49
    然后通过style修改相应的属性值 需要迭代增加属性值时用‘+=’ html> html lang="en"> head> meta charset="UTF-8"> title>Titletitle> head> body> div id="d"> 身高168cm div> body> script> win
    首先获取对应元素
    然后通过style修改相应的属性值
    需要迭代增加属性值时用‘+=’
    
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div id="d">
            身高168cm
        </div>
    </body>
    <script>
        window.onload = function(){
            //通过ID找对应元素
            var d = document.getElementById('d');
            //字体颜色
            d.style.color = '#f00';
            //字体加粗
            d.style.cssText += 'font-weight:bold';
            d.style.cssText += 'font-size:19px';
            //添加类名
            d.className = 'a';
            d.className += ' b';
        }
    </script>
    </html>
    展开全文
  • 本文主要通过一个简单示例,介绍了获取datalist元素指定option选项属性值的方法,同时提供了相关源码。 背景 页面上有input元素及关联的datalist的元素,datalist元素中有许多option选项,各选项各有value值及...
  • jquery each 取得指定元素属性的所有,将所保存到数组中 输出每个列表项的 Coffee Milk Soda list item 1 list item 2 list item 3 list item 4 list item 5 var arr = new Array(); $...
  • 现在有一个数组对象,也就是数组元素是对象类型,现在的需求是根据对象的某个属性值,找到该数组对应的元素(对象),比如根据"bianma"=="11",找到对应的"name"为"商品房" : 该数组对象数据如下: var datas = [ { ...
  • 我们往往会遇到要批量修改集合中元素,最笨的办法就是foreach循环,但本文介绍几种优雅的方法。 首先,我们准备好元素类和初始集合: 下面就是几种方法,目前并没有对性能做进一步的测试,有兴趣的童鞋...
  • 在JavaScript中,使用元素的 setAttribute() 方法可以设置元素属性值。用法如下: setAttribute(name, value) 参数 name 和 value 分别表示属性名称和属性值。属性名和属性值必须以字符串的形式进行传递。如果...
  • xml文件: ...要把每个item元素的“isSelf”属性值修改为“y” // 获取XML Document document = XMLUtil.getDocument(xmlPath); Element root = document.getRootElement(); Iterator r
  • 在微信小程序中,我们经常会遇到对数组中指定位置的数据进行动态的修改,并且渲染到视图层。这个源码,就是针对于这种问题去进行解决的。
  • 1.[属性名] 选择含有指定属性元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">...
  • (1) 读取页面元素的onclick属性值 页面代码: 链接 程序代码: IHTMLElement *item;// 已经找到该元素 想取出item身上onclick属性的值:alert('ok'); IHTMLElement *item; CComQIPtr spElem(item); VARIANT var; ...
  • jq动态修改元素的onclick属性

    千次阅读 2019-08-12 17:40:34
    因为业务需要,一个按钮可能需要触发不同的事件 ...可以先删掉onclick属性 $('.detection').removeAttr("onclick"); 再添加onclick属性并绑定新的事件 $('.detection').attr('onclick','checkCaPassword()'); ...
  • 注释的比较详细,就不过做多解释了。 //index.js ... // 这里data就是你当前界面所有的。包括你后期动态添加的都在这里 data: { list: [{ //定义数组 number: 1 }, { number: 1 }, ...
  • react 子元素改变元素属性

    千次阅读 2017-08-23 02:18:10
    元素 childrenComponent.js /** * Created by ANN on 2017/7/22. */ import React from 'react'; export default class ChilidProps extends React.Component{ render(){ return( <div>
  • 使用jQuery获取iframe元素的value属性值: 本章节介绍一下如何获取iframe子元素指定表单元素的value属性值。 这里必须首先要强调一点,这个iframe子元素必须是同域之内。一.子页面的内容:
  • 原生js获取标签可以使用内置对象document,获取到标签之后可以直接获取或修改属性 1.document获取标签 getElementById() 根据id获取元素,只会返回第一个元素 getElementsByName() 获取所有指定name的元素集合 ...
  • $(document).ready(function(){ $(".jBuySmall li").on("click",function(){ tglClass( $(this) ); var aaa = $(this).attr("data-src");... //替换src的 $(".jBuyImgBig img").attr("s
  • 这篇文章主要介绍了js获取某元素的class里面的css属性值代码,有需要的朋友可以参考一下 用js如何获取div中css的 margin、padding、height、border等。你可能说可以直接用document.getElementById("id").style....
  • HTML中的标签、元素属性

    千次阅读 2017-03-13 09:42:05
    一个标准的html文件由html元素元素的属性和相关属性值3个基本部分构成。其中,元素的各项属性定义元素的样式和功能,例如name命名属性、href目标地址链接属性等。这些属性又由它们各自特定类型的属性值定义,例如...
  • Selenium调用JavaScript修改元素属性

    千次阅读 2017-02-03 14:42:23
    修改元素的style,主要是将一些隐性元素显示出来,让元素可被操作下面直接上代码: //执行JS脚本第一种方法 ((HtmlUnitDriver) driver).setJavascriptEnabled(true); JavascriptExecutor js = (JavascriptExecutor...
  • 有关XML文件的节点属性值修改在使用过程中经常会遇到过,感兴趣的朋友可以参考下本文,希望对你有所帮助
  • jquery关于修改css的属性值

    千次阅读 2015-01-13 14:09:03
    其中一种接受两个输入参数:样式属性和样式,它们之间用逗号分开。比如我们要改变链接颜色,我们可以使用下面的代码: $("#61dh a").css('color','#123456'); //这里选择器‘$("#61dh a")’表示ID为‘#61dh’的...
  • $("#galleryImage").change(function () { imgpath = getObjectURL(this.files[0]); $("#galleryImage-container").prepend("&lt;div class='img-thumb img-item galleryImage' data...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 463,037
精华内容 185,214
关键字:

修改指定元素属性值