首页 > 代码库 > 关于用JSON拼凑出来的DOM对象的操作以及EasyUI的提交方式

关于用JSON拼凑出来的DOM对象的操作以及EasyUI的提交方式


//关于JSON拼凑出来的DOM对象,不能直接用.class或者#id去找,这样是找不到的。怎么才能找到我也没捉摸出一个具体的规则来。反正多试几种方法就会找出来了,在这里我即用了原生JS
//也用的jquery的选择器

//
添加右侧流程 function addL(){ var d=$("#dg2").datagrid("getSelected"); var str="<tr><td class=‘‘ onclick=‘TD(this)‘ id="+d.id+">"+d.userName+"</td></tr>"; $("#table").append(str); } //点击TD时,加样式 function TD(a){ var cls="trtd"; var cl=a.getAttribute("class"); if(cl==null || cl==""){ a.classList.add("trtd"); }else{ a.className=""; } } //移除右侧流程 function removeL(){ var t = $("#table").find("tr td[class=trtd]"); $(t).remove(); }

2.在使用EasyUI的过程中发现,除了form表单提交后返回的data,是要用eval进行解析的。其余的ajax请求方式例如$.ajax,$post,$get这些返回的data是不需要用eval先进行解析,直接就可以data.出其中的属性

var result=eval(‘(‘+data+‘)‘); ——easyUI,form提交

 3.关于用JS来给其JSON拼出来的对象添加删除class属性

我们来说说HTML5的新添加的classList属性(ie10以下就别想了)

添加方法
add(class1, class2, ...) 在元素中添加一个或多个类名。
使用
[javascript] view plain copy 在CODE上查看代码片派生到我的代码片
document.getElementById("id").classList.add("a", "b", "c");  
在dom对象上添加了三个class
如果需要把原来的全部清除,重新添加使用赋值的方法
[javascript] view plain copy 在CODE上查看代码片派生到我的代码片
document.getElementById("id").className = "class";  

 

关于用JSON拼凑出来的DOM对象的操作以及EasyUI的提交方式