无法从模式窗口获取所有子元素

import React from 'react';
import ReactDOM from 'react-dom';

class ModalWindow extends React.Component {
  render() {
    return (
      <div className="modal">
        <div className="modal-content">
          <h1>Modal Window</h1>
          <p>Some content here...</p>
        </div>
      </div>
    );
  }
}

// 在模式窗口关闭后执行的回调函数
function handleModalClose() {
  const modalRoot = document.getElementById('modal-root');
  const modalChildren = modalRoot.childNodes;
  // 处理子元素
  for (let i = 0; i < modalChildren.length; i++) {
    // 处理每个子元素
    console.log(modalChildren[i]);
  }
}

// 渲染模式窗口
ReactDOM.render(<ModalWindow />, document.getElementById('modal-root'));

// 模式窗口关闭后执行回调函数
handleModalClose();