无法获取“javascript”文件；“显示隐藏”；div代码开始工作

我无法在该项目上使用jQuery（客户端策略）

我的html代码是：

<div style="display:none" id="dvAnswer<%#Eval("num")%>" class="TextFontBold">A: <%#Eval("answer") %></div>
<a id="btn<%#Eval("num")%>" href="javascript:toggle();">show answer</a>  

    function toggle() {
            var ele = document.getElementById("toggleText");
            var text = document.getElementById("displayText");
            if(ele.style.display == "block") {
                ele.style.display = "none";
                text.innerHTML = "show";
            }
            else {
                ele.style.display = "block";
                text.innerHTML = "hide";
            }
    }   

我无法使用此代码。

---

有什么建议可以解决这个问题吗？

您元素的ID不是toggleText，我也没有看到displayText元素。

您元素的ID不是toggleText，我也没有看到displayText元素。

您的ID在html中可能与是javascript请求的吗？这“应该”起作用

A:

您在html中的id可能与javascript请求的id不同？这“应该”起作用

A:

在这里，您需要向切换函数传递两个引用，一个指向目标，另一个指向自身：

<div style="display:none" id="dvAnswer<%#Eval("num")%>" class="TextFontBold">A: <%#Eval("answer") %></div>
<a id="btn<%#Eval("num")%>" href="javascript://" onclick="toggle('dvAnswer<%#Eval("num")%>',this);">show answer</a>

---

在这里，您需要将两个引用传递给切换函数，一个传递给目标，另一个传递给自身：

<div style="display:none" id="dvAnswer<%#Eval("num")%>" class="TextFontBold">A: <%#Eval("answer") %></div>
<a id="btn<%#Eval("num")%>" href="javascript://" onclick="toggle('dvAnswer<%#Eval("num")%>',this);">show answer</a>

---

首先，您的div没有id=“toggleText”和id=“displayText”

所以你需要做的是为它创建一个小的算法

function toggle(lnk) {
           var num = lnk.getAttribute('id').toString().replace('btn','');
            var ele = document.getElementById('dvAnswer'+num);
            if(ele.style.display == "block") {
                ele.style.display = "none";
                lnk.innerHTML = "show";
            }
            else {
                ele.style.display = "block";
                lnk.innerHTML = "hide";
            }
    } 

你的html应该是这样的

<div style="display:none" id="dvAnswer<%#Eval("num")%>" class="TextFontBold">A: <%#Eval("answer") %></div>
<a id="btn<%#Eval("num")%>" onclick="toggle(this); return false;" href="#">show answer</a> 

A:

首先，您的div没有id=“toggleText”和id=“displayText”

所以你需要做的是为它创建一个小的算法

function toggle(lnk) {
           var num = lnk.getAttribute('id').toString().replace('btn','');
            var ele = document.getElementById('dvAnswer'+num);
            if(ele.style.display == "block") {
                ele.style.display = "none";
                lnk.innerHTML = "show";
            }
            else {
                ele.style.display = "block";
                lnk.innerHTML = "hide";
            }
    } 

你的html应该是这样的

<div style="display:none" id="dvAnswer<%#Eval("num")%>" class="TextFontBold">A: <%#Eval("answer") %></div>
<a id="btn<%#Eval("num")%>" onclick="toggle(this); return false;" href="#">show answer</a> 

A:

您似乎用错误的ID调用元素。在HTML中，我看不到任何元素的“toggleText”或“displayText”ID

从您的示例来看，ID是动态的。也许只需在函数中传递对象引用：

function toggle(target,me) {
            var ele = document.getElementById(target);
            var text = me
            if(ele.style.display == "block") {
                ele.style.display = "none";
                text.innerHTML = "show";
            }
            else {
                ele.style.display = "block";
                text.innerHTML = "hide";
            }
    }     

function toggle(objRef) {
        var ele = document.getElementById(objRef);
        var text = document.getElementById("displayText");
        if(ele.style.display == "block") {
            ele.style.display = "none";
            text.innerHTML = "show";
        }
        else {
            ele.style.display = "block";
            text.innerHTML = "hide";
        }
}

和HTML格式：

<a id="btn<%#Eval("num")%>" href="javascript:toggle("dvAnswer<%#Eval("num")%>");">show answer</a>

---

您似乎用错误的ID调用元素。在HTML中，我看不到任何元素的“toggleText”或“displayText”ID

从您的示例来看，ID是动态的。也许只需在函数中传递对象引用：

function toggle(target,me) {
            var ele = document.getElementById(target);
            var text = me
            if(ele.style.display == "block") {
                ele.style.display = "none";
                text.innerHTML = "show";
            }
            else {
                ele.style.display = "block";
                text.innerHTML = "hide";
            }
    }     

function toggle(objRef) {
        var ele = document.getElementById(objRef);
        var text = document.getElementById("displayText");
        if(ele.style.display == "block") {
            ele.style.display = "none";
            text.innerHTML = "show";
        }
        else {
            ele.style.display = "block";
            text.innerHTML = "hide";
        }
}

和HTML格式：

<a id="btn<%#Eval("num")%>" href="javascript:toggle("dvAnswer<%#Eval("num")%>");">show answer</a>

您实际上没有名为“toggleText”或“displayText”的元素，但这正是JavasScript所寻找的。也许可以向我们展示

div

/

a

元素发送到浏览器后的外观（呈现后在页面上查看源代码）。您没有任何id为

toggleText

或

displayText

的元素，我的div动态命名为id=“dvAnswer”，调用切换函数id的按钮也是如此=“btn”您实际上没有名为“toggleText”或“displayText”的元素，但这正是JavasScript所要查找的。也许可以向我们展示

div

/

a

元素发送到浏览器后的外观（呈现后在页面上查看源代码）。您没有任何id为

toggleText

或

displayText

的元素。My div动态命名为id=“dvAnswer”，调用切换函数id=“btn”的按钮也是如此“如果您使用的是值得学习的jQuery，那么您可以在两行代码中完成这项工作，而不必传递任何参数。我同意，但客户明确提到没有Jquery。再次感谢您的帮助。如果您使用jQuery，这是值得学习的，那么您可以在两行代码中完成这项工作，而不必传递任何参数。我同意，但客户明确提到没有Jquery。再次感谢你的帮助。