javascript - 如何使用JavaScript动态处理隐藏的div ID

我正在尝试做一个动态页面，我有一个隐藏的div，我想使其显示在追加到另一个div上，但是我只想用一个函数来完成它，这就是我的代码。

<script>
var hiddenDivID;
function appendHiddenDiv(hiddenDivID){
    var hiddenDiv = document.getElementById(hiddenDivID);
    var document = document.getElementById('content');
    document.appendChild(hiddenDiv);
}

function choices(e){
   if(e.id == 03){
    appendHiddenDiv('myHiddenDiv');
   }
}

<!-- Visible Content-->
<div id="content">
 My content
</div>
<span id="03" onclick="choices(this);">Click Here</span>
<!-- Visible Content-->

<!-- Invisible Content-->
  <div id="contentHidden">
    <div id ="myHiddenDiv">
       Hidden content
    </div>
  </div>
<!-- Invisible Content-->

我已经创建了一个函数，该函数说如果我点击Click Here hiddenDivID = myHiddenDiv并调用appendHiddenDiv()，那么它将使用myHiddenDiv并追加到<div id="content"></div>。但这不起作用，我在这方面做错了什么？有一种方法可以使函数将其识别为ID？如果有的话，有人可以让我朝正确的方向前进吗？提前致谢。

最佳答案

当您单击它时，它将添加您的div。您有e.id == 03，并且您需要e.id =='03'（id是一个字符串）。

<script>
var hiddenDivID;
function appendHiddenDiv(hiddenDivID){
    var hiddenDiv = window.document.getElementById(hiddenDivID);
    var document = window.document.getElementById('content');
    document.appendChild(hiddenDiv);
}

function choices(e){

   if(e.id == '03'){
    appendHiddenDiv('myHiddenDiv');
   }
}
</script>



<div id="content">
 My content
</div>
<span id="03" onclick="choices(this);">Click Here</span>
<!-- Visible Content-->

<!-- Invisible Content-->
  <div id="contentHidden">
    <div id ="myHiddenDiv">
       Hidden content
    </div>
  </div>

关于javascript - 如何使用JavaScript动态处理隐藏的div ID，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38947476/