javascript - 在我的 HTML 代码中看不到 div 内的元素？

Question

我正在开发一个应用程序，其中一个页面上有一个表单。表单包含在一堆嵌套的 div 标签中。它看起来像这样:

<main id="main-body">
    <div id="content-wrapper">
        <div id="formContainer>
            <div data-reactid=".0">
                <div data-reactid=".0">
                    <div data-reactid=".0.0.1.$form">
                        <form id="myForm" data-reactid=".0.0.1.$form.1">
                            ...
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>

问题是我可以在我的网页上看到表单，也可以通过浏览器中的“查看源代码”功能看到，但是当我执行“检查元素”以查看生成的实际 HTML 时，我只看到

<main id="main-body">
    <div id="content-wrapper">
        <div id="formContainer">
        </div>
    </div>
</main>

当我执行“检查元素”时，我看不到 div“formContainer”内的任何 HTML 元素，即使它们就在页面上。关于为什么会这样的任何想法？我需要在 Neoload 中获取表单 ID，但 Neoload 不会读取它，因为它在页面源代码中不存在。

编辑:一些 div 标签正在使用 data-reactid=".0.0"。表单元素本身有 data-reactid=".0.0.1.$form.1"。基本上任何带有 react 的东西都会消失。我对 React 一无所知。这会导致这个问题吗？我更新了我的代码以更接近原始代码。

Answer 1

您没有关闭 id="form-container"!缺少一个"