JS提问.getElementById.getElementByIdN次.getElementById查找动态控件怎么弄啊！

Question

不允许用for遍历child，为什么不能用（self.getElementById.getElementById）连起来

JS JavaScript 坑真多，为什么不能这样写！！

        <div id="xxx" onmouseover="Test(this)">
        <script src="Test.js"></script>
            <div id="aaa">
                <div id="bbb">
                    <div id="ccc">Hello</div>
                </div>
            </div>
        </div>
        <div id="xxx" onmouseover="Test(this)">
        <script src="Test.js"></script>
            <div id="aaa">
                <div id="bbb">
                    <div id="ccc">Hello</div>
                </div>
            </div>
        </div>
        <div id="xxx" onmouseover="Test(this)">
        <script src="Test.js"></script>
            <div id="aaa">
                <div id="bbb">
                    <div id="ccc">Hello</div>
                </div>
            </div>
        </div>

//问题 例子1
//看作是 Test.js
        <script type="text/javascript">
            function Test(self)
            {
                //aaa没问题，到bbb报错，提示没有这个getElementById方法，并且不能这样写
                self.getElementById("aaa").getElementById("bbb").getElementById("ccc").innerText = "Hi";
            }
        </script>

//问题 例子2
        <script type="text/javascript">
            aaa = document.getElementById("aaa");
            bbb = aaa.getElementById("bbb");
            ccc = bbb.getElementById("ccc");
            console.log(ccc).innerText;
        </script>

JS JavaScript 太降智了，为什么不能这样写！！

Answer 1

解决了（.getElementById.querySelector）注意动态控件名