日期:2014-05-17  浏览次数:20743 次

js 动态添加标签问题
js代码:

for(var i=0;i<8;i++){
var ele_a=document.createElement("a");
ele_a.setAttribute("href","#");
ele_a.setAttribute("onclick","  ");
var ele_li = document.createElement("li");
ele_li.setAttribute("class","li_"+imgSiz)
var div_pic=document.createElement("div");
div_pic.style.background = "url(/textWeb/normal/"+imgSiz+json1[i].iconCls+") 0 0 no-repeat";
div_pic.setAttribute("class","ly_comm_"+imgSiz);
ele_a.appendChild(div_pic);
var div_text=document.createElement("div");
div_text.setAttribute("class","ly_font ly_font_"+imgSiz);
div_text.appendChild(document.createTextNode(json1[i].categoryName));
ele_a.appendChild(div_text);
ele_li.appendChild(ele_a)
eml_ul.appendChild(ele_li);
}



效果

<li class="li_96">
            <a href="#">
              <div class="ly_pic_0_click ly_comm_96"></div>
              <div class="ly_font ly_font_96">设网络</div>
            </a>
          </li>


现在我想在A 标签上添加一个onclick事件。点击这个a标签的时候,改变div_pic的背景图片。只要把
div_pic.style.background = "url(/textWeb/normal/"+imgSiz+json1[i].iconCls+") 0 0 no-repeat";
中normal换成press。。当然同时只有一个路径是 press下面的图片。。
大神请指教一二。小弟不胜感激涕零。。
JavaScript ?给A标签添加onclick?事件

------解决方案--------------------
假设你的div_pic有个id属性,值为'dp',那么可以这样写:
function changepic(){
     $('#dp').css({'background':'图片路径'});
}
------解决方案--------------------
你可以设置两个背景色不同的div,在点击的时候切换div,一个隐藏一个显示;
------解决方案--------------------
div_pic.onclick=function () {
changePic(this);
}

function changePic(e){