以下是通过 JavaScript 获取或设置 <body> 元素内文本内容的示例:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Body text 示例</title>
</head>
<body>
<p id="demo">这是一个示例段落。</p>
<script>
// 获取 body 元素内文本内容
var bodyText = document.body.textContent;
console.log("当前文本内容:" + bodyText);
// 设置 body 元素内文本内容
document.body.textContent = "新的文本内容";
</script>
</body>
</html>
在这个例子中,JavaScript 使用 document.body.textContent 来获取 <body> 元素的当前文本内容,并通过 document.body.textContent 来设置新的文本内容。
请注意,这只是示例,实际开发中你可能更多地使用 innerHTML 或 innerText 属性来获取或设置元素内的 HTML 或纯文本内容。例如:
// 获取 body 元素内 HTML 内容
var bodyHTML = document.body.innerHTML;
// 设置 body 元素内 HTML 内容
document.body.innerHTML = "<p>新的 HTML 内容</p>";
或者
// 获取 body 元素内纯文本内容
var bodyText = document.body.innerText;
// 设置 body 元素内纯文本内容
document.body.innerText = "新的纯文本内容";
这些属性之间的选择取决于你的需求。 textContent 返回纯文本,innerHTML 返回包含 HTML 标记的内容,而 innerText 也返回纯文本,但在某些浏览器中的行为可能略有不同。
转载请注明出处:http://www.zyzy.cn/article/detail/4465/HTML