时间戳

首页 > 解决方案 > 如何使用 JavaScript 在按钮单击时提醒页面的所有内容

javascript - 如何使用 JavaScript 在按钮单击时提醒页面的所有内容

问题描述

我需要获取页面的所有内容，包括所有JavaScript警报代码。请检查代码。

function getContent() {
  var content = document.getElementsByTagName('html').value;
  alert(content);
}
<html>

<head>

</head>

<body>
  Some more code..........
  <a href="#" onclick="getContent()">Get Content</a>
</body>

</html>

我正在尝试从页面内部执行该功能并尝试获取该值。它给了我undefined错误

标签： javascripthtml

解决方案

.getElementsByTagName()返回元素的NodeList集合。您需要使用 访问第一个索引[0]。除此之外，它没有.value属性。你正在寻找.innerHTML而不是。

请注意，您也不应该使用onclick，而应该通过添加事件侦听器来使用不显眼的 JavaScript。

这可以在下面看到：

function getContent() {
  var content = document.getElementsByTagName('html')[0].innerHTML;
  alert(content);
}

document.getElementsByTagName('a')[0].addEventListener('click', getContent);
<html>

<head></head>

<body>
  Some more code..........
  <a href="#">Get Content</a>
</body>

</html>

注意：这在 Fiddle 中不会按预期工作，但会在适当的网站上按预期工作。

推荐阅读