Javascript 无法在CFLayoutArea中动态更改样式_Javascript_Coldfusion

Javascript 无法在CFLayoutArea中动态更改样式

javascript coldfusion

Javascript 无法在CFLayoutArea中动态更改样式,javascript,coldfusion,Javascript,Coldfusion,我写ColdFusion/JS已经15年了，这让我完全困惑我可以在我的CFLayoutArea中运行javascript来做任何事情，但它不允许我在JS中显示或更改样式当您在layoutarea中加载dashboard.cfm页面时，每当您尝试更改或引用（显示）与div元素相关的任何样式属性时，都会出现javascript错误以下是呼叫页面： function dashBoard() { ColdFusion.navigate('dashboard.cfm','content');

我写ColdFusion/JS已经15年了，这让我完全困惑

我可以在我的CFLayoutArea中运行javascript来做任何事情，但它不允许我在JS中显示或更改样式

当您在layoutarea中加载dashboard.cfm页面时，每当您尝试更改或引用（显示）与div元素相关的任何样式属性时，都会出现javascript错误

以下是呼叫页面：

function dashBoard() {
    ColdFusion.navigate('dashboard.cfm','content');
}

<cflayout>
    <cflayoutarea>
        <cfdiv id="content" />
    </cflayoutarea>
</cflayout>

function仪表板（）{
导航（'dashboard.cfm'，'content'）；
}

这里是dashboard.cfm：

<html>
<head>
<style>
#szliderbar1{
    width:37%;
}
</style>
<script>
    displayProgress = function() { 
    var tttt = document.getElementById('szliderbar1');
        alert(tttt.style.width);      
    }
    </script>
</head>
<body>  

    <div id="szliderbar1"> hey
    </div>
</body>
</html>

<cfset ajaxonload("displayProgress")>


#szliderbar1{
宽度：37%；
}
displayProgress=函数（）{
var tttt=document.getElementById（'szliderbar1'）；
警报（tttt.样式.宽度）；
}
嘿

您已经使用CF/JS 15年了，但您使用的是CFLAYOUT？？你能提供一个完整的ecapsulated，独立的复制案例来演示你的体验吗（并且只演示：没有不相关的标记/CSS/JS）。。。CFTree和cflayoutreas onClick是一种非常高效（快速、强大）的方式来显示分层容器的内容。。。。我已按要求编辑了代码以简化。再次编辑以更清晰地显示问题可以通过不使用

cflayout

轻松解决。我不同意Scott和Adam more的观点。远离ColdFusion中的布局内容。还有更好的选择。