HTML 什么是 getString() 和 getText() 的区别

在本文中，我们将介绍 HTML 中 getString() 和 getText() 两者之间的区别。这两个功能是用来获取 HTML 元素的文本内容的方法。

阅读更多：HTML 教程

getString() 方法

getString() 是 HTML 中的一个方法，它用于获取元素的文本内容，并将其作为字符串返回。该方法适用于所有 HTML 元素，包括标签和属性中的文本。

下面是一个使用 getString() 方法的示例：

<!DOCTYPE html>
<html>
<body>

<div id="myText">Hello, World!</div>

<script>
var text = document.getElementById("myText").getString();
console.log(text);
</script>

</body>
</html>

在上面的示例中，我们首先创建了一个 <div> 元素，并给它一个 id 属性名为 “myText”，然后使用 JavaScript 代码获取该元素的文本内容，并将其打印到控制台上。

getText() 方法

与之相反，getText() 是一种更为常见的获取元素文本内容的方法。它主要应用于输入字段和文本区域等用户可输入内容的元素。

下面是一个使用 getText() 方法的示例：

<!DOCTYPE html>
<html>
<body>

<input type="text" id="myInput" value="Hello, World!">

<script>
var text = document.getElementById("myInput").getText();
console.log(text);
</script>

</body>
</html>

在以上的示例中，我们创建了一个 <input> 元素，并给它一个 id 属性名为 “myInput”，并且预先设置了一个默认值。然后使用 JavaScript 代码获取该输入字段的文本内容，并将其打印到控制台上。