Question

我在页面上显示了以下DIV元素：

<div><a href="javascript:;" id="awesome-button" style="visibility:hidden">This Link Shows Up First</a></div>

<div style="display:none; id:showUpAfterAwesomeButtonIsClicked;"><a href="javascript:;" onclick="someFunction();">This is the value that should show up after the link above is clicked.</a></div>

如您所见，This Link Shows Up First文本最初在页面加载时显示。我有以下javascript来确定用户是否点击了This Link Shows Up First文本。目标是在This is the value that should show up after the link above is clicked被隐藏的情况下显示awesome-button div。

custom.valueAwesome = function() {
var awesomeButton = document.getElementById('awesome-button');
awesomeButton.style.visibility = 'hidden';
document.getElementById("showUpAfterAwesomeButtonIsClicked").style.display = '';
gadash.executeCommandQueue();
};

我测试了这个脚本，当用户点击链接时，它已成功将showUpAfterAwesomeButtonIsClicked链接的状态更改为隐藏状态。这让我相信需要更新的连接与此行有关：

document.getElementById("showUpAfterAwesomeButtonIsClicked").style.display = '';

我尝试了这一行的几种变体。有没有更好的方法来实现这个结果？感谢。

Answer 1

您无法在CSS中设置id属性。它实际上需要是xml标记的属性。变化

<div style="display:none; id:showUpAfterAwesomeButtonIsClicked;">

到

<div id="showUpAfterAwesomeButtonIsClicked" style="display:none; ">

这将允许您的document.getElementById实际选择它。

如何根据另一个DIV内容的可见性显示DIV内容

1 个答案: