Question

我正在寻找一种解决方案，当我点击具有可变内容的单个链接（将改变css样式的方式）时，我可以显示div（例如，带有service1，service2，service3的子div）。此div将显示还提出几个优惠，只有在选择其中一个优惠时才显示div付款。

这可能很难解释（我不是英语，所以对于真正的Noob级别感到抱歉），所以也许对于这个图像你会“理解”更多一点：

http://image.noelshack.com/fichiers/2015/38/1442422045-fonctionnement.jpg

我承认因为这种事情而迷失了JavaScript。我知道这可能是可以实现的，但是怎么样？： - （

感谢您的帮助！

Answer 1

如果您想通过javascript改变CSS，假设您没有动态创建变量内容，请将显示的div css设置为none。

#divID {
   display = none; 
}

然后在链接上设置一个事件监听器，将显示样式更改为阻止。

document.getElementById("linkID").addEventListener("click", function() {
    document.getElementById("divID").style.display = "block";
}

Answer 2

好的，所以我创建了一个粗略的代表，你没有太多的影响。但是我创造的小提琴完全按照你的意图运作。如果单击div 1上的按钮，则div 2的内容会更新。如果单击div2上的任何内容，信息将显示在div3中。以下是示例：Working Example

window.function1 = function(){
 var edits = document.getElementById('2');
    edits.style.background="aliceblue";
}
//SAMPLE CODE TO EDIT ANY ELEMENT BY REFERRING BY ID. CALL SUCH FUNCTION ONCLICK

请检查示例以完全理解它。

（JavaScript？）在选择时显示具有不同内容的div？

2 个答案: