精华内容
下载资源
问答
  • 主要介绍了JS实现获取自定义属性data值的方法,结合实例形式较为详细的分析了javascript针对自定义属性data的相关操作技巧,需要的朋友可以参考下
  • Js操作自定义属性的方法: var testEle = document.getElementByIdx_x("test") testEle.setAttribute("test","aaa"); // 设置 testEle.getAttribute("test"); //获取 testEle.attributes["test"].nodeValue; // ...
  • 下面小编就为大家带来一篇js 点击a标签 获取a的自定义属性方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • HTML: 法一:用原生JS的 getAttribute 获取自定义属性 设置属性 .setAttribute("属性","值") 获取属性 .getAttribute("属性") var span=document.getElementById('item').getAttribute('data-change'); //注:前缀...

    HTML: 

     <span id="item" class="active" data-change='active2' ></span>

    法一:用原生JS的 getAttribute 获取自定义属性

    设置属性 .setAttribute("属性","值")
    获取属性 .getAttribute("属性")

    var span=document.getElementById('item').getAttribute('data-change');
    
    //注:前缀为 data- 的属性可以在JS中通过dataset.获取
    var dataChange=document.getElementById('item').dataset.change;

    法二:用jQuery

    设置属性 .attr("属性","值")
    获取属性 .attr("属性")

     $('span').attr('data-change');
     $('span').attr('data-change','color');

     

    展开全文
  • 需要自定义取checkbox中的值。 比如 <input type="checkbox" value2="123" value1="234" value="789" name="procduc_id" "onlyone()" > // 这里就拿三个value来举例 function onlyone(){ ...

    再用到复选框的时候,我不仅要用一个value. 我还想用一个的话。需要自定义取checkbox中的值。

    比如

    <input type="checkbox" value2="123" value1="234" value="789" name="procduc_id" "onlyone()" >
    // 这里就拿三个value来举例
    
    function onlyone(){
            let item = document.getElementsByName('procduc_id');
            let toto = 0
            let count = 0
            // 遍历checkbox
            for (let i=0; i<item.length; i++){
                // 将复选框赋值
                if (item[i].checked){
                    toto += Number(item[i].value)
                    count += Number(item[i].getAttribute('value1'))
                }
                
            }
           alert(toto)
           alert(count)
        }
    

    使用getAttribute这个方法,可以获取自定义属性的值。

    也可以将value中放入多个值。用checkbox返回一个前端的列表

    function checkorder(){
    
    
        var _items = [];
        var items = document.getElementsByName('procduc_id');
        for(var i=0;i<items.length;i++){
            if (items[i].checked){
                _items.push(items[i].value);
            }
        }
    
        console.log(_items);
    
    
    }
    

    有兴趣的可以自己试试。我先去面壁叻…

    展开全文
  • js获取自定义属性的两种方法

    千次阅读 2019-08-19 08:50:20
    js获取自定义属性的两种方法 一、四种获取属性的方法 首先获取一个元素:var elem = document.getElementById(‘elem’); <div id="elem" class="box" title="hello" ancheng="Ancheng" data-user="小明" data-...

    js获取自定义属性的两种方法

    四种获取属性的方法

    首先获取一个元素:var elem = document.getElementById(‘elem’);

     <div id="elem" class="box" title="hello" ancheng="Ancheng" data-user="小明" data-user-name="小小明"></div>
    

    1、点(获取不到自定义属性):

    2、[] 也可以获取属性 ,有利于进行传参操作。

    elem.style['background'] = 'yellow'  
    

    3、getAttribute():早期获取自定义属性的方法。

    var foo = elem.getAttribute('ancheng');//Ancheng  
    

    同时也能进行设置:

    elem.setAttribute('ancheng','安成');  
    

    4、data-*(现在经常使用的获取自定义属性的方法)

    console.log(elem.dataset.user);  
    

    重点: *号的名字若果有下划线,就转成小驼峰。

    console.log(  elem.dataset.userName)  
    

    注意: 可以在js中直接添加自定义属性,但是只能在js中用,因为你还没有加入html中。

     elem.myColor = 'red';
     console.log( elem.myColor );
    
    展开全文
  • 2019独角兽企业重金招聘Python工程师标准>>> ...
    <div id="v" value="123"  data-url="黑哒哒的盟友" onclick="main()">123<div>
    
    function main() {
        var p=document.getElementById("v").getAttribute("data-url");
        alert(p)
    }

     

    转载于:https://my.oschina.net/zhiqiangwang/blog/807356

    展开全文
  • jquery和js获取自定义属性的值

    千次阅读 2018-10-18 23:52:31
    1、原生js获取并设置自定义属性的值; &lt;div id="su" data-it="1" sex="2"&gt;&lt;/div&gt; 1)自定义属性data-属性; var $div = document.getElementById('...
  • 亲测有效 formIdList.forEach((item,index) =>{ var div_ly = document.querySelector("div[packitemid='"+item+"']"); $(div_ly).find("#ssuo").val(shuzhi1); $(div_ly).fi...
  • setAttribute,getAttribute ...获取自定义属性值: document.getElementById("div").getAttribute("name") 页面直接设置自定义属性 <div id="div" name="2"></div> //获取属性值同上 创建元素并设置自定
  • js获取自定义属性

    千次阅读 2019-04-16 10:47:52
  • 关于</li> </ul> <script> var ac = document.querySelector('.ac') // 这样是取不到的,因为index是自定义的而不是标准里的 // console.log(ac.index) // getAttribute用来获取自定义属性 var index = ac....
  • 我们可以很方便地给它加上自定义属性,比如: <div id=test class=hello></div> var test = document.getElementById(test); test.adang = adang; alert(test.adang); 我们会发现,已经给这个id为test...
  • 本篇文章主要介绍了vue.js 获取当前自定义属性值,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • <select id="nextType" data-parameter="@Model.NextType"> <option value="" >请选择</option> </select>...var data_nextType = document.getElementById("nextType").getAt...
  • Jquery 获取自定义属性 注意 h5操作的是DOM, 设置属性后可以直接显示,但内存中是不变的,而是新开内存 Jquery 操作ode是内存,是直接修改内存自定义属性 ...
  • JS获取自定义属性data值

    万次阅读 2015-08-06 15:39:06
    var tree = document.getElementById(...//getAttribute()取值属性 console.log(tree.getAttribute("data-leaves")); console.log(tree.getAttribute("data-plant-height")); //setAttribute()赋值属性 tree.setA
  • <script src="js/jquery.min.js"> <script type="text/javascript"> $(function(){ console.log($('a').attr("myAttr")); console.log(document.getElementById('myAttr').getAttribute('myAttr')...
  • js获取自定义属性

    2020-03-17 17:09:26
    我这是定义一个带有自定义的file_name超链接 <a href=’ ’ class=" file_name=‘测试属性’ οnclick=‘getdelf(this)’> 通过函数,点击超链接获取值 function getself(obj) { alert( obj.getAttribute(...
  • jQuery有data()方法可以获取自定义的元素节点,而原生JS获取则要用到querySelector以及querySelectorAll这两个方法。 用代码写一下。   &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&...
  • i++) { //myid 是自定义属性,用来存储id数据 mytime 同理 str = ` 点我显示弹出框 `; $('#box-content ul').append(str) } }, 2000) </script> </body> </html>
  • 原生js自定义属性的设置和获取

    千次阅读 2019-06-01 08:26:36
    ,免费获取一整套前端系统学习资料和老男孩python系列课程 学习资源推荐 https://blog.csdn.net/qq_42813491/article/details/90213353 dom . setAttribute ( '属性名' , '属性值' ) dom . ...
  • 父标签,子标签 TObj = pNode.parent(). next() .children(‘div’)....arr 是一个 html 标签,使用 $ 转化成 jquery,再使用 attr 获取添加的 id 属性 prevObject 指 上一个对象 .next() 就是指 下级标签
  • 文章目录一、定义属性的操作1.获取属性值2.设置元素属性值3. 移除属性 一、定义属性的操作 二 选项卡案例 三 h5自定义属性
  • id、name 等属性通过 e.id e.name 可以直接获取到。 但是自定义属性比如fieldname就不能直接获取到了。 用 getAttribute(“属性名”) 就可以了。
  • demo.html(JS获取属性值):Documentaaavar box = document.querySelector(".box");console.log(box.className); //获取标签的原有属性值console.log(box.title); //获取标签的原有属性... //获取标签自定义属性的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 184,546
精华内容 73,818
关键字:

js获取自定义属性