zoukankan      html  css  js  c++  java
  • mui选择器和dom获取元素的区别(记得把mui对象转为dom对象才能调用用dom方法)

    <!DOCTYPE html>
    <html>

    &lt;head&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no&quot; /&gt;
    &lt;title&gt;&lt;/title&gt;
    &lt;script src=&quot;js/mui.min.js&quot;&gt;&lt;/script&gt;
    &lt;link href=&quot;css/mui.min.css&quot; rel=&quot;stylesheet&quot; /&gt;

    &lt;/head&gt;

    &lt;body&gt;
    &lt;div id=&quot;div1&quot;&gt;div1&lt;/div&gt;
    &lt;div id=&quot;div&quot;&gt;div2&lt;/div&gt;
    &lt;div id=&quot;div2&quot; class=&quot;nw1&quot;&gt;div3&lt;/div&gt;
    &lt;input type=&quot;button&quot; name=&quot;text&quot; id=&quot;&quot; value=&quot;666&quot; /&gt;
    &lt;script src=&quot;js/mui.js&quot; type=&quot;text/javascript&quot; charset=&quot;utf-8&quot;&gt;&lt;/script&gt;
    &lt;script type=&quot;text/javascript&quot;&gt;
    console.log(mui('div')[0].innerHTML);//mui做dom操作必须先加【0】转为dom元素
    console.log(mui('input')[0].value);//mui括号里的可以是id、标签、class属性
    //getart
    var lui=mui('input')[0];//mui方式获取input对象
    console.log(lui.attributes.type.nodeValue);//获取input标签的type属性值
    console.log(lui.attributes['name'].nodeValue);//另一种获取input标签的name属性值
    console.log(document.getElementById('div').innerHTML);//这里是js的方法
    var nw=document.getElementById('div2');
    nw.setAttribute('demo','demo1');//设置自定义属性和值
    console.log(nw.attributes['demo'].nodeValue);
    var nw1=document.getElementsByClassName('nw1')[0].innerHTML;
    console.log(nw1);
    (function($){//这里是在闭包里使用mui获取元素
    console.log($('div')[0].innerHTML);
    })(mui);
    &lt;/script&gt;
    &lt;/body&gt;
  • 相关阅读:
    Educational Codeforces Round 21
    Educational Codeforces Round 22
    Educational Codeforces Round 43
    Educational Codeforces Round 20
    Educational Codeforces Round 19
    Educational Codeforces Round 18
    Hello World!
    训练记录
    2020 Multi-University Training Contest 6
    2020 Multi-University Training Contest 5
  • 原文地址:https://www.cnblogs.com/soundcode/p/7465421.html
Copyright © 2011-2022 走看看