mui选择器和dom获取元素的区别(记得把mui对象转为dom对象才能调用用dom方法)

Posted 左正

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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;

以上是关于mui选择器和dom获取元素的区别(记得把mui对象转为dom对象才能调用用dom方法)的主要内容,如果未能解决你的问题,请参考以下文章

mui选择器和软键盘冲突解决

huilder和mui开发的app获取个推推送的消息的click事件应该写在哪

mui 使用入口点插入范围阴影 DOM 样式时选择未设置样式的下拉选项

MUI仿京东App地址选择器

MUI仿京东App地址选择器

mui使用总结