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

最新推荐文章于 2024-11-05 15:26:40 发布

ak364877

最新推荐文章于 2024-11-05 15:26:40 发布

阅读量104

点赞数

文章标签： javascript json ViewUI

原文链接：http://www.cnblogs.com/AnswerTheQuestion/p/6715685.html

版权

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


//添加右侧流程
function addL(){
    var d=$("#dg2").datagrid("getSelected");
    var str="<tr><td class='' οnclick='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";

转载于:https://www.cnblogs.com/AnswerTheQuestion/p/6715685.html