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

标签 javascript html

我需要获取页面的所有内容,包括 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 错误

最佳答案

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

请注意,您也不应该使用 onclick,而应该使用 unobtrusive JavaScript adding an event listener .

这可以从以下方面看出:

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 中按预期工作,但会在适当的网站上按预期工作。

关于javascript - 如何使用 JavaScript 在按钮单击时提醒页面的所有内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56746669/

相关文章:

javascript - 尝试创建新元素时出错

html - 添加固定位置时页脚消失

javascript - window.location.search.substring 在 IE 8 中不起作用

javascript - 手动更改我不拥有的页面的 css

javascript - 在 jquery 中替换字符串中多次出现的多个子字符串

JavaScript/jQuery : animation happening twice?

javascript - highcharts 动态类别不起作用

javascript - 在此上下文中,元素 img 不允许作为元素图片的子元素

javascript - 我想将列表项显示为 2 列或更多列(动态对齐)

javascript - 避免在 jQuery 内联 css 中使用双引号