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;
  • 相关阅读:
    java unicode转中文
    java常用
    Intellij IDEA常用快捷键——Mac版
    mac 快捷键
    thrift 学习
    ubuntu上的翻译软件,看论文神器
    linux中jupyter notebook中切换虚拟环境
    02_opencv_python_图像处理进阶
    01_opencv_python_基本图像处理
    python刷剑指offer(21-40)(一刷)
  • 原文地址:https://www.cnblogs.com/soundcode/p/7465421.html
Copyright © 2011-2022 走看看