使用 div id JavaScript 在 div 中获取 span - TypeScript

在 TypeScript 中，我们可以使用 JavaScript 的 DOM 操作来访问 HTML 中的元素。在以下示例中，我们将演示如何使用 div id 在 div 中获取 span。

HTML 示例代码

<div id="myDiv">
    <span>这是 div 中的一个 span 元素。</span>
</div>

TypeScript 示例代码

// 获取 div 元素
const myDiv = document.getElementById("myDiv");

// 获取 span 元素
const mySpan = myDiv.querySelector("span");

// 输出 span 内容
console.log(mySpan.innerHTML); // 输出：'这是 div 中的一个 span 元素。'

在上面的代码中，我们首先通过 getElementById 方法获取具有 myDiv id 的 div 元素。然后，我们使用 querySelector 方法在 div 中获取具有 span 标记的元素。

最后，我们输出 span 元素的内容，使用 innerHTML 属性获取元素的 HTML 内容。如果您需要访问 span 元素的其他属性，例如类名或数据属性，则可以使用相应的属性名称。

以上是使用 div id JavaScript 在 div 中获取 span 的 TypeScript 实现方式。