查看js动态生成的HTML内容

最新推荐文章于 2023-09-15 14:00:00 发布
最新推荐文章于 2023-09-15 14:00:00 发布
阅读量2.4k 收藏 1
点赞数
分类专栏： html/css

方法一、在浏览器地址栏输入代码获取js动态生成的HTML内容

js动态生成的HTML内容无法在网页源文件中查看，但可以通过在浏览器地址栏敲入以下Javascript代码查看Body元素包含的内容：

javascript:document.write(document.body.innerHTML.replace(/</g, "&lt;").replace(/>/g, "&gt;"))

下面的js代码可以查看某个层包含的内容：

javascript:document.write(document.getElementByIdx_x('div1').innerHTML.replace(/</g, "&lt;").replace(/>/g, "&gt;"))

    注意：谷歌浏览器时，在javascript控制台输入：去掉"javascript:"的文字即可。

方法二、写js代码查看生成的html文件

div对象.innerText = div对象.innerHTML查看js动态生成的HTML内容

狮子心2012
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Python3实现抓取javascript动态生成的html网页功能示例
10-19
主要介绍了Python3实现抓取javascript动态生成的html网页功能,结合实例形式分析了Python3使用selenium库针对javascript动态生成的HTML网页元素进行抓取的相关操作技巧,需要的朋友可以参考下
Dom 操作问题记录
qq_57749525的博客
02-04 265
要实现这种效果 首先想到的还是这个方法 document.body.innerHTML += `<p>${e.data}</p>` 但是这会出现问题，只能输出一个字符串，因为下一次执行会直接覆盖上一次的 dom 操作，解决方案： let p = document.createElement('p') p.innerHTML = e.data; // appendChild() 方法可向节点的子节点列表的末尾添加新的子节点 docu
JS自动生成动态HTML验证码页面
10-19
主要介绍了JS自动生成动态HTML验证码页面，输入错误自动清空输入框的功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
js 动态生成html 触发事件传参字符转义的实例
12-02
通常，在使用 JS 动态生成 html 的过程中，会嵌入相应的样式、事件等属性元素，而这时经常会出现所谓的 “单、双引号不够用” 的情况，别急，这时可以利用 html 语言中的转义字符来解决。 下面就来介绍一下相应的转义字符吧： & —— (ampersand) 转义字符对应为   & “   —— (double quote) 双引号，转义字符对应为  " ‘  —— (single quote)单引号，转义字符对应为  ' <  —— (less than) 小于号，转义字符对应为   < >  —— (greater than) 大于号，转义字符对应为  > 例如，在 js 中： va
JS实现动态生成html table表格的方法分析
10-18
主要介绍了JS实现动态生成html table表格的方法,结合实例形式分析了javascript针对数组数据的读取、遍历以及动态生成相关操作技巧,需要的朋友可以参考下
JavaScript之innerHTML和outerHTML，innerText和outerText
最新发布
Karka_的博客
09-15 1439
innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器（现在也适应chrome浏览器），因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签。--申明当前网页的编码集UTF-8-->--编辑器的名称-->
碎碎念：重拾javascript中的字符串替换
JeeChang
11-23 2522
前几天，有个童鞋在js版块求助《多重拆分替换》的问题，说白了其实这个不算是多重拆分替换。具体可以参考这个http://topic.csdn.net/u/20101118/16/bd9a9b25-f29a-42c4-acc1-ab59cb590ea3.htmlvar mystr="86-10_北京,1-1_纽约," ;var strs = mystr.split(",");for(var i =0; i var val = parseInt(strs[i]); strs[i] = strs[i].r
document对象常用属性及方法
一个九零后程序猿开发日志
07-02 1262
对象属性: document.title //设置文档标题等价于HTML的<title>标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色document.alinkColor //激活链接(焦点在此链接上)的颜色document.vli...
document 文挡对象 - JavaScript脚本语言描述
guang_ge的专栏
04-22 1200
document 文挡对象 - JavaScript脚本语言描述———————————————————————注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一个错误信息 “引用的元素为空或者不是对象/////”———————————————————————对象属性document.title //设置文档标题等价于HTML的title标签docum
JavaScript 实现局部打印（动态获取的内容）
weixin_34178244的博客
12-20 1047
第一次写打印，只知道window.print()，可是直接出来的是当前页面的所有内容，而我要做的是打印当前模态框里展示的内容。 网上搜了一下，都是指定具体的div，然后获取该div里的内容赋值给window.document.body.innerHTML var bodyHtml = window.document.b...
js动态生成Html元素实现Post操作（createElement）
10-23
主要介绍了js动态生成Html元素实现Post操作（createElement）,需要的朋友可以参考下
JavaScript的replace方法与正则表达式讲解
baiseda
09-27 121
replace方法的语法 是：stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string)，reExp可以是正则表达式对象(RegExp)也可以是字符串 (string)，replaceText是替代查找到的字符串。。为了帮助大家更好的理解，下面举个简单例子说明一下 &lt;script language="javasc...
JavaScript10——Web APIs 2
小白的学习路
09-24 172
接昨天 1.5. 操作元素 JavaScript的 DOM 操作可以改变网⻚内容、结构和样式，我们可以利用 DOM 操作元素来改变元素 里面的内容、属性等。(注意:这些操作都是通过元素对象的属性实现的) 1.5.1. 改变元素内容(获取或设置) innerText改变元素内容 <body> <button>显示当前系统时间</button> <div>某个时间</div> <p>1123</p> &lt.
如何查看js生成的html
zha_zi的专栏
05-17 293
在想查看页面的地址栏中输入：javascript:document.write(document.documentElement.outerHTML)，按回车键 之后再查看源代码， 但是回车以后发现样式会有一点变化
向WebBrowser控件插入HTML代码
lbuskeep的专栏
02-25 6182
<br />是要获得鼠标所在的标记？<br />对象．对象型方法 （"elementFromPoint"，x，y）<br />这个方法可以获得鼠标所在位置的标记对象。<br />----------<br />还是要在鼠标处插入标记？<br />对象．对象型方法 （"createElement"，eTag）<br />创建之后在把返回的对象指定X，Y就行了<br />这样只能算是插入标记，不能算是HTML代码<br />----------<br />最笨的，<br />document.body.inne
用chrome抓取JS页面，简单易学！
oGuJing123的博客
06-09 1312
最近，很多网站都使用JavaScript来渲染内容，这使得传统的爬虫工具很难获取到需要的数据。但是，我们可以使用chrome浏览器来模拟用户行为，抓取JavaScript生成的页面。下面，我们将详细介绍如何使用chrome抓取js。一、安装chrome浏览器首先，我们需要安装chrome浏览器。
通过js动态向HTML页面填入数据
qigeshenmemingne的博客
03-03 3160
正常情况下在JSP页面完成功能会更方便一些，相对来说JSP页面功能更多一些，用起来比较方便，也会有特殊情况，需要使用HTML页面来展示数据，而且数据需要动态获取并展示，所以使用js方法与HTML页面进行数据交互。 1.在HTML页面引入css样式、jQuery等必须文件，并且要在HTML页面引入对应数据处理的js(也可以在HTML页面引入script标签，直接使用js方法，但是代码量较大，所以将H...
疑问：如何获取动态生成的html信息
本作者：想花
06-02 322
ssx
在HTML5页面使用js DOM动态生成HTML内容
06-03
可以使用JavaScript的DOM（文档对象模型）来动态生成HTML内容。具体而言，可以通过JavaScript代码创建新的HTML元素，并将它们添加到现有的HTML文档中。以下是一个简单的示例，演示如何使用DOM动态生成HTML内容： ```html <!DOCTYPE html> <html> <head> <title>动态生成HTML内容示例</title> </head> <body> <h1 id="title"></h1> <p id="content"></p> <script> var title = "动态生成HTML内容"; var content = "这是一个使用JavaScript DOM动态生成HTML内容的示例。"; // 创建新的HTML元素 var titleElement = document.createElement("h1"); var contentElement = document.createElement("p"); // 设置元素属性和内容 titleElement.setAttribute("id", "title"); titleElement.innerHTML = title; contentElement.setAttribute("id", "content"); contentElement.innerHTML = content; // 将元素添加到现有的HTML文档中 document.body.appendChild(titleElement); document.body.appendChild(contentElement); </script> </body> </html> ``` 在这个例子中，我们首先在HTML页面中定义了两个`<h1>`和`<p>`标签，分别用于显示标题和内容。然后，在JavaScript代码中，我们定义了两个变量`title`和`content`，用于存储标题和内容的文本。接下来，我们使用`document.createElement()`方法创建了两个新的HTML元素`titleElement`和`contentElement`。然后，我们使用`setAttribute()`方法设置了元素的属性`id`，并使用`innerHTML`属性设置了元素的内容。最后，我们使用`appendChild()`方法将新元素添加到现有的HTML文档中。运行该代码后，将动态生成一个带有标题和内容的HTML页面。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值