简体   繁体   English

使用JavaScript在aspx页面中更改div的类

[英]Changing class of div in aspx page using javascript

I have a div in default.aspx which has a masterpage. 我在default.aspx中有一个具有母版页的div。 Masterpage has a expand/collapse button. 母版页具有展开/折叠按钮。 The the click of the button in masterpage I want to change the class of the div in default.aspx using javascript. 我想在母版页中单击按钮,以便使用javascript在default.aspx中更改div的类。 The button in masterpage has other functionality. 母版页中的按钮具有其他功能。 The javascript function is given bellow: javascript函数如下所示:

function toggleCollapseState(id,id1)
{
var obj = getObj(id);
var obj1 = getObj(id1);    
var objHomePageRightFixedWrapper = getObj('homePageRightFixedWrapper');
if(!obj)
    return false;

if(obj.className == 'tdSideMenuCollapse')
{
    var state = 1;
    obj.className='tdSideMenu';
    obj1.className='sidemenucollapsebutton';
    obj1.title = "Expanded";
    objHomePageRightFixedWrapper.className = "homePageRightFixedWrapper";
    //$(".homePageRightFixedWrapper").css("float", "right");
}
else
{
    var state = 0;
    obj.className='tdSideMenuCollapse';
    obj1.className='sidemenuexpandbutton';
    obj1.title = "Collapsed";
    objHomePageRightFixedWrapper.className = "homePageRightFixedFloatWrapper";
    //$(".homePageRightFixedWrapper").css("float", "left");
}

return true;

} }

When debug through javascript function, its the div (homePageRightFixedWrapper) is showing className(homePageRightFixedWrapper/homePageRightFixedFloatWrapper), but same is now seen in the aspx page. 通过javascript函数进行调试时,其div(homePageRightFixedWrapper)显示className(homePageRightFixedWrapper / homePageRightFixedFloatWrapper),但现在在aspx页面中可以看到。

Thanks for all helps in prior. 感谢您提供的所有帮助。

Thanks for all ur help. 感谢您的所有帮助。 I was missing the full id. 我没有完整的ID。

var objHomePageRightFixedWrapper = 
    getObj('ctl00_ContentPlaceHolder1_homePageRightWrapper');

solved my issue. 解决了我的问题。

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM