Javascript 需要document.getElementById的变通方法，以便循环使用多个ID。课堂不起作用

我的HTML文档中有30个链接，单击所有链接都会触发一个特定的div，使用js函数更改其id

下面是30个链接中的三个，后面是id发生变化的单个div

<a href="#" onclick="changediv_1()">Link 1</a>
<a href="#" onclick="changediv_2()">Link 2</a>
<a href="#" onclick="changediv_3()">Link 3</a>

<div id="contain"></div>

问题出在这里：当我单击链接1时，它将div id从“contain”更改为“contain_1”，没有问题。现在div的名称是“contain_1”，所以如果我在单击Link 1之后尝试单击Link 2，它将不起作用，因为div id现在是“contain_1”，并且每个函数只能调用1个id

我需要上面的函数来检查多个div（即：#contain，#contain_1，#contain_2）

理想情况下如下所示：

    function changediv_2()
    {   
        if (document.getElementById("**contain, contain_1, contain_2, ...**")) {  
            document.getElementById("**contain, contain_1, contain_2, ...**").setAttribute("id", "contain_x");
        }

    }

---

我研究并尝试应用.getElementByClass，但它不起作用-函数似乎只在id下起作用。我必须有办法将函数发布900次（毫不夸张）以支持每种情况。非常感谢你的耐心和阅读我的一篇文章

尝试使用此use data and use on.click代替内联javascript函数 HTML

<a href="#" data-contain="1">Link 1</a>
<a href="#" data-contain="2">Link 2</a>
<a href="#" data-contain="3">Link 3</a>

<div id="contain" class="containDiv"></div>

---

谢谢你，伙计！那么你是说我可以摆脱？是的，确切地说，on（'click'）是函数，而不是记住用DOM ready$（document.ready（function（）{…}）包装代码@MichaelIsley顺便问一下，你为什么要更改部门id？对不起，老兄，我对演示有点困惑（谢谢你做了这些）。。我的id根本没有在css中声明。我只需要在页面上更改实际的div id，这样当我的数据库每10秒访问一个页面时，如果id被更改，它将输出不同的信息。这会改变什么吗？我需要div在单击x链接后实际读取“contain_x”。这样，当php在10秒后访问页面时，它将根据它选择的ID进行相应的操作。

<a href="#" data-contain="1">Link 1</a>
<a href="#" data-contain="2">Link 2</a>
<a href="#" data-contain="3">Link 3</a>

<div id="contain" class="containDiv"></div>

$(function () {
    $('a').on('click', function () {
        var contain = "contain_" + $(this).data('contain');
        $('.containDiv').attr('id', contain);
        //contain == contain_(1,2,3)
        /*
         Rest of your code to read from php and put into contain?
      */
    });
});