如何在没有JSX的情况下让这段代码工作？

在没有JSX的情况下，我们可以使用纯JavaScript来实现相同的功能。

首先，我们需要了解JSX是一种JavaScript语法扩展，它允许我们在JavaScript中编写类似HTML的代码。因此，我们可以使用纯JavaScript来替代JSX。

对于给定的代码，我们可以使用JavaScript的createElement方法来创建元素，然后使用appendChild方法将它们添加到父元素中。以下是示例代码：

// 创建父元素
var parentElement = document.createElement('div');

// 创建子元素1
var childElement1 = document.createElement('h1');
childElement1.textContent = 'Hello, World!';

// 创建子元素2
var childElement2 = document.createElement('p');
childElement2.textContent = 'This is a paragraph.';

// 将子元素添加到父元素中
parentElement.appendChild(childElement1);
parentElement.appendChild(childElement2);

// 将父元素添加到页面中
document.body.appendChild(parentElement);

上述代码通过使用纯JavaScript，使用createElement方法手动创建了父元素和子元素，并通过textContent属性设置了它们的内容。最后，使用appendChild方法将子元素添加到父元素中，再将父元素添加到页面的body中。

需要注意的是，这种方法相对于使用JSX来说更加繁琐。JSX是React框架中的一项特性，它可以使我们以声明式的方式创建和操作DOM，提高了开发效率。但是，在没有JSX的情况下，我们仍然可以使用纯JavaScript来实现相同的功能。