JavaScript/jQuery：基于元素和类更新textContent

我正在尝试根据单击事件更新HTML元素的子元素的文本。用户单击跨度：

<span id="button_entitypeople" onclick="toggleentitylist(this.id)" class="fake_link">
    <span class="en">view list</span>
</span>

当div正确显示和隐藏时，文本不会更新

注意：我必须使用

getElementsByClassName

，因为我将介绍几种不同的语言

非常感谢

function-toggleentitylist（单击\u id）
{{
var respdiv
respdiv=单击了替换（“按钮”、“div”）；
如果（！document.getElementById（respdiv.style.display | document.getElementById（respdiv.style.display==“无”）
{{document.getElementById（respdiv.style.display=“inline”；
document.getElementById（respdiv）.getElementsByClassName（'en'）[0]。textContent==“隐藏列表”；}}
else{{document.getElementById（respdiv.style.display=“无”；
document.getElementById（respdiv）.getElementsByClassName（'en'）[0]。textContent==“显示列表”；}
}}

#div#u entitypeople{
显示：无；
}
#分区实体位置{
显示：无；
}

查看列表

Arnald de Pencha
Arnald Roger
Ava Sanci
B de Rochafort
伯纳德，拉迪纳克牧师
Bernard de Caux，OP
高级伯纳德·德奎德斯高级MSP-AU class=“突出实体”onclick=“highlightetities（this）”>高级伯纳德·德奎德斯
圣埃斯特夫伯纳德
Bertrand de Quiders\u MSP-AU class=“突出实体”onclick=“highlightetities（this）”>Bertrand de Quiders
伯特兰·马蒂
Braida de Mont服务器
Cecilia Roger nee de Mont Server PER-AR class=“highlight entities”onclick=“highlightetities（this）”>Cecilia Roger
Corba de Pereille
多米尼克加泰罗尼亚
Ermengarde Caucer
Ermengarde de Mazerol
Estolt de Rochavila
Fauressa del Mas MSP-AU class=“highlight entities”onclick=“highlightetities（this）”>Fauressa del Mas
Ferrier，OP
Francesca de la_Ylha\u MPX-AR class=“突出实体”onclick=“高亮度（本）”>Francesca de la Ylha
Galharda de Romengos\u RMG-AR class=“highlight entities”onclick=“highlightetities（this）”>Galharda de Romengos
Galharda del Mas MSP-AU class=“highlight entities”onclick=“highlightetities（this）”>Galharda del Mas
Geralda de Rochafort SRZ-TA class=“highlight entities”onclick=“highlightetities（this）”>Geralda de Rochafort
吉尔伯特·德卡斯特雷斯
Guillema Canast de Paracol MSP-AU class=“highlight entities”onclick=“highlightetities（this）”>Guillema Canast de Paracol
Guilhelma Meta née del Mas
Guilhem Canast-Brus\u MSP-AU class=“highlightenties”onclick=“highlightetities（this）”>Guilhem Canast-Brus
Guilhem de la Ylha\u MPX-AR class=“highlight entities”onclick=“highlightetities（this）”>Guilhem de la Ylha
Guilhem de Rochafort\u SRZ-TA class=“突出显示实体”onclick=“高亮度（本）”>Guilhem de Rochafort
    function toggleentitylist(clicked_id)
            {{
                var respdiv
                respdiv = clicked_id.replace("button","div");
                if (!document.getElementById(respdiv).style.display | document.getElementById(respdiv).style.display == "none")
                    {{document.getElementById(respdiv).style.display = "inline"; 
                        document.getElementById(respdiv).getElementsByClassName('en')[0].textContent == "hide list";}}
                else {{document.getElementById(respdiv).style.display = "none";
                        document.getElementById(respdiv).getElementsByClassName('en')[0].textContent == "show list";}}
            }}

document.getElementById(respdiv).getElementsByClassName('en').textContent == "show list";

document.getElementById(respdiv).getElementsByClassName('en')[0].textContent == "show list";

function toggleentitylist(clicked_id)
        {
            var respdiv
            respdiv = clicked_id.replace("button","div");
            if (!document.getElementById(respdiv).style.display | document.getElementById(respdiv).style.display == "none"){

                    document.getElementById(respdiv).style.display = "inline"; 
                    $("#"+clicked_id).find($("."+'en')).text("Hide list");
                }
            else {
                document.getElementById(respdiv).style.display = "none";
                    $("#"+clicked_id).find($("."+'en')).text("Show list");
            }
        }