javascript - 某元素的子元素无法被js获取

Question

把chrome的安全策略关掉之后，在动漫之家的网页加载前载入外被文件 内容如下

    document.addEventListener('DOMContentLoaded', () => {
        console.log(document.querySelector('#center_box'));
        console.log(document.querySelector('#center_box > img'));
        pic = document.querySelector('#center_box > img');
        if (pic.complete) {
            downloadPic();
            window.stop();
            return;
        }
        pic.addEventListener('load', downloadPic);
    });

得到的结果是

        <p id=​ "center_box" style="text-align:​ center;​ position:​ relative;​">
            ​<img name=​ "page_2" src="http:​/​/​images.dmzj.com/​h/​%E9%BB%91%E7%A4%BE%E4%BC%9A%E7%9A%84%E8%B6%85%E8%83%BD%E5%8A%9B%E5%A5%B3%E5%84%BF/​%E7%AC%AC01%E8%AF%9D/​002.jpg" style="width:​ 405px;​ height:​ 598.751px;​">​
            <a class=​ "img_land_prev" onclick=​ "prev_img(this)​">​</a> ​
            <a class=​ "img_land_next" onclick="next_img(this)​">​</a>​
        </p>​

和

null

结果为什么会是null，而且对center_box调用childnodecount()得到的结果是0