HTML | DOM 标题文本属性

HTML（HyperText Markup Language）是一种用于创建网页的标记语言，DOM（Document Object Model）表示文档对象模型。在 HTML 中，标题标签用于定义一级到六级标题，但是在 DOM 中，我们可以通过一些属性来操作标题文本。

获取标题文本

要获取标题的文本，我们可以使用 DOM 的 innerHTML 属性。这个属性返回 HTML 元素的内部 HTML，包括标签。

const h1Element = document.getElementById('h1Element');
const h1Text = h1Element.innerHTML;
console.log(h1Text); // This is a h1 heading

更改标题文本

我们可以通过 DOM 的 innerHTML 属性来更改标题的文本。

const h1Element = document.getElementById('h1Element');
h1Element.innerHTML = "This is a new heading";

更改标题级别

DOM 还提供了一些属性，可以改变标题的级别。例如，我们可以将一个三级标题改为一级标题。

const h3Element = document.getElementById('h3Element');
h3Element.outerHTML = "<h1>" + h3Element.innerHTML + "</h1>";

在上面的代码中，我们使用 outerHTML 属性将 h3 元素更改为 h1 元素。我们通过在 h1 标签上使用 h3 的文本内容来实现标题级别的更改。

总结

在 DOM 中，我们可以使用 innerHTML 属性来获取和更改标题文本。此外，我们还可以使用 outerHTML 属性来实现标题级别的更改。