为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

隔江千里 2021-07-13 17:07:47
我需要获取页面的所有内容,包括所有处于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错误
查看完整描述

2 回答

?
呼啦一阵风

TA贡献1802条经验 获得超6个赞

.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>


查看完整回答
反对 回复 2021-07-15
?
狐的传说

TA贡献1804条经验 获得超3个赞

这可以通过innerHTMLDOM 元素的字段来实现。考虑对您的getContent()函数进行以下更改:


function getContent() {

  var { innerHTML } = document.querySelector('html');

  alert(innerHTML);

}

<html>


<head>


</head>


<body>

  Some more code..........

  <p> and some more content </p>

  <a href="#" onclick="getContent()">Get Content</a>

</body>


</html>


查看完整回答
反对 回复 2021-07-15
  • 2 回答
  • 0 关注
  • 166 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信