当在虚拟 DOM 中嵌套子元素时，可以在 JSX 中使用嵌套的方式来描述。以下是在 h1 元素内部包含 span 元素的示例：

const element = ( <h1> Hello, <span>React</span> </h1> );

在这个示例中，h1 元素内部包含了一个 span 元素，它们被嵌套在一起。这种嵌套的方式使得在 JSX 中描述复杂的 UI 结构变得简单和直观。

在使用 JavaScript 创建虚拟 DOM 时，可以通过手动构建对象来实现嵌套子元素。以下是使用 JavaScript 创建包含 span 元素的嵌套虚拟 DOM 的示例：

const element = {type: 'h1',props: {children: ['Hello, ',{type: 'span',props: {children: 'React'}}]}
};

在这个示例中，我们手动构建了一个包含 h1 元素和内部 span 元素的虚拟 DOM 对象。通过在 children 属性中传入一个数组，可以实现嵌套子元素的效果。这种方式虽然比 JSX 略显繁琐，但也可以实现类似的嵌套结构。