读取 javascript 变量并输出 css 更改答案

【问题标题】：Read javascript variable and output css change读取 javascript 变量并输出 css 更改
【发布时间】：2015-10-11 01:09:12
【问题描述】：

我有一个通过 javascript 动态更新购物车的页面。我想根据对 javascript 所做的更改来显示/隐藏 div，但是任何 onlick 或事件侦听器都会在表单提交时重置，所以我需要做的是创建一个 javascript 脚本来检查发布到购物车的值然后选择基于此的样式。

我的想法是做这样的事情：

if(my-item-name == 'i-SPEED 716') {
document.getElementById("716a").style.display = "none";
document.getElementById("716r").style.display = "inline";}

else {
document.getElementById("716r").style.display = "none";
document.getElementById("716a").style.display = "inline";}
};

有没有更好的方法来做到这一点？

【问题讨论】：

我可以建议看一下该语言的documentation about the if / else吗？
除了 if 语句语法之外，这似乎是处理这些样式更改的好方法。我建议寻找使用 AJAX 发布表单数据而不是常规提交和页面重新加载的方法，因为这将解决失去听众的问题。
人们陷入了语法错误。目前尚不清楚提交是如何处理的，或者这个if 在哪里被用来真正提供替代方案。显示此 if 的上下文会有所帮助
是的，我在语法上花费了 0 时间，因为我是新手并且对此很慢。我更想要关于这个概念的反馈，所以如果这个概念是错误的，我不会花很多时间在语法上苦苦挣扎。 @charlietfl：'my-item-id' 值被发布到外部 php 文件，然后填充购物车。
嗯，对于很多个人价值来说，它肯定是不可扩展的。您可以检查document.getElementById(my-item-name +"a") 的存在并设置样式（如果存在）以使事情更通用

标签： javascript php css forms

【解决方案1】：

假设您获得了购物车物品的价值。你可以试试这个格式：

 if(cartItems.length > 0){

    /*do something....*/

    }else{

    /*do something else...*/

    }

【讨论】：