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

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

2024-09-15 04:01:13   215人阅读



//关于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的提交方式






























        

            
                
                  
                
                

                    联系

                    我们