Puppeteer 获取textContent

2024-08-23

【PUPPETEER】初探之获取元素文本值（三）

一.知识点 page.$eval(selector, pageFunction[, ...args]) page.$$eval(selector, pageFunction[, ...args]) innerHTML 二.场景 1.当我们需要获取元素内的值,与实际值做对比的时候,验证页面正确性: 2.当我们获取某个元素内的文本值,需要拿这个值图填补另一个输入框的时候: 三.获取单个文本内容实例 <a href="#" onclick="register();return

nodejs：使用puppeteer在服务器中构建一个获取电影电视剧剧集的接口

首先我们看下数据来源: 来源于这个网站:https://z1.m1907.cn/ 可以说这个网站上能找到很多你想看的很多电影或电视剧,最重要的是很多电影电视剧在别的网站是收费的,但是在这里看是免费的,之前也经常在这个网站中看. 不过这个网站有些缺点:在微信中被屏蔽了网址.在夸克浏览器上如果播放到某集,夸克播放器就会覆盖掉原生播放器,导致切换下一集时不好切换过去,因此,希望能开发一个自己的网站,获取该网站的数据来呈现. 一般来说,我们只需要拿到这些数据的url接口就行了.但是看了这个网站的netw

puppeteer（三）常用API

1.Puppeteer 简介 Puppeteer 是一个node库,他提供了一组用来操纵Chrome的API, 通俗来说就是一个 headless chrome浏览器 (当然你也可以配置成有UI的,默认是没有的).既然是浏览器,那么我们手工可以在浏览器上做的事情 Puppeteer 都能胜任, 另外,Puppeteer 翻译成中文是”木偶”意思,所以听名字就知道,操纵起来很方便,你可以很方便的操纵她去实现: 1) 生成网页截图或者 PDF 2) 高级爬虫,可以爬取大量异步渲染内容的网页 3) 模

jQuery源码-dom操作之jQuery.fn.text

写在前面 jQuery.fn.text在jQuery是个使用频率比较高的接口,它的作用无非是设置/获取dom节点的内容文本,下文会通过几个简单的例子来说明.text()接口的使用,以及最后会对源码进行分析.这几个接口本身不复杂,理解了textContent属性基本就迎刃而解,妨碍理解的我觉得反而是jQuery.access这样的神级方法.遇到jQuery.access,理解它的作用是设置/读取属性即可. 简单例子 jQuery官方文档是我们永远的好伙伴,可猛戳 http://api.jquery

java使用document解析xml文件

准备工作: 1创建java工程 2创建xml文档. 完成后看下面代码: import org.w3c.dom.*; import javax.xml.parsers.DocumentBuilder; import javax.xml.parsers.DocumentBuilderFactory; public class Main { public static void main(String[] args) throws Exception { //创建一个文档解析器工厂 DocumentB

仅100行的JavaScript DOM操作类库

如果你构建过Web引用程序,你可能处理过很多DOM操作.访问和操作DOM元素几乎是每一个Web应用程序的通用需求.我们我们经常从不同的控件收集信息,我们需要设置value值,修改div或span标签的内容.当然有许多库能帮助处理这些行为,其中最流行的当属jQuery,已经成为事实上的标准.有事你并不需要jQuery提供每一样东西,所以在这篇文章中,我们将看看如何创建自己的类库来操作DOM元素. API 身为开发者的我们每天都要做决定.我相信在测试驱动开发中,我真的非常喜欢的一个事实是它迫使你在开

Vue-Cli3.0 单页面如何预渲染，解决登录拦截导致无法部分路由无法预渲染问题？

vue单页面不利于seo,如何解决已有spa项目seo问题? 1.安装 cnpm install prerender-spa-plugin --save-dev 2.路由history模式 const router = new Router({ mode: 'history' }) 3.vue.config.js 中的配置 const PrerenderSPAPlugin = require('prerender-spa-plugin'); const Renderer = PrerenderS

【PUPPETEER】初探之元素获取（二）

一.涉及的知识点如何使用css selector 常用元素获取 $ 元素选择 type (api 输入) click (api 点击) 二.学习网址 https://github.com/GoogleChrome/puppeteer/blob/v1.19.0/docs/api.md 三.环境 node js puppeteer 编辑器 vscode 四.实例 -- 常用元素选择器选择器示例解释 id选择器 #id 选择匹配id的元素,仅存在一个 class选择器 .class 同时匹配多

dom中一些节点获取和增改

1获取标签里的文本对象: 对象.innerText 获取标签里的文本内容早期的火狐浏览器中是不支持的赋值会输出转义后的内容对象.innerHTML 获取标签里的所有内容赋值会输出原样都兼容对象.textContent 获取标签里的文本内容 IE8之前包括ie8不支持 2 自定义属性自定义属性 js无法通过点的方式获得对象.getAttribute("属性名") 得到自定义属性对象对象.setAttribute("属性名",”属性值“

获取下拉框的文本值和value值

http://www.cnblogs.com/djgs/p/3691979.html?utm_source=tuicool&utm_medium=referral 现在有一个Id为AreaId的下拉框,要获取它当前选择项的文本和值有以下方法: <span class="red">* </span> 地区: <span> <select id="AreaId" name="AreaId"

JS魔法堂：被玩坏的innerHTML、innerText、textContent和value属性

一.前言由于innerText并非W3C标准属性,因此我们无法在FireFox中使用它(修正:FF45+已经支持innerText属性),一般情况下我们可以使用textContent来代替,但它两者是否就能完全等同呢?在坑爹的表单元素(如input.textarea等)中表现是否依旧诡异呢?文本将记录一些实验结果,避免日后被玩坏. 二.innerHTML 由于innerText和textContent均为对innerHTML内容作不同的处理而成,因此我们需要先明确innerHTML属性的特点.

innerHtml innerText textContent兼容性问题

innerHtml,innerText,textContentinnerHtml获取元素带标签的内容:innerText只获取元素的文本:火狐不支持innerText,支持textContent: // IE和Firefox都能用的设置/获取对象属性函数 aobj = document.getElementById("alink"); firefox_ie(aobj,"http://www.test.com") function firefox_ie(obj,val

js获取一个对象的所以属性和值

在HTML DOM中,获取某个元素对象的时候,往往记不住它的很多属性,可以通过下面的例子来查找一下: <!DOCTYPE html> <html> <body> <h1>获取对象属性和值</h1> <div id="div1" class="div">fdsfs</div> <script type="text/javascript"> var myO

Selenium 获取隐藏元素的内容

第一种先获取元素通过属性获取 WebElement webElemt= webElement.findElement(By.xpath("//*[@class='xxxxxx]/a")); //在ie下使用innerText 在火狐下使用textContent String linktext = webElemt.getAttribute("innerText"); 第二种通过js获取 WebElement element = ...; ((Javascrip

Js获取下拉框当前选择项的文本和值

现在有一个Id为AreaId的下拉框,要获取它当前选择项的文本和值有以下方法: <span class="red">* </span> 地区: <span> <select id="AreaId" name="AreaId" size="1" class="sel"> <option>-请选择地区-</option> &l

textContent 与innerText

转自下面这位大神: http://zhangyaochun.iteye.com/blog/1391370 其实关于这textContent与innerText有很多碎碎的东西,不过个人觉得还是一个不错的topic,好好讲讲吧. 1.关于兼容性这个很多人应该都了解: innerText除了ff3.6外,Chrome Safari Opera均支持 textContent除IE8及以下版本外,IE9 Chrome Safari Opera均支持 2.关于返回值第一:这个其实也算兼容性里面的一种,

innerHTML..innerText..textContent

/* * innerText和textContent 都是设置文字内容的,如果设置的内容当中有标签,也会直接的以文本的方式显示(标签的<>都会按照转义的方式进行解析) * innerText和textContent都可以获取某个标签中的文字内容(不包括标签) * innerHTML可以设置标签中的文字内容和标签 * innerHTMl获取的是文字和标签 * * 如果想要在标签中只是设置和获取文字内容用innerText或者是textContent * 如果想要在标签中设置或者获取文字和标签用i

textContent、innerText 以及Event事件兼容性问题

今天在完成前端的简单练习时发现了一些兼容性的问题,百度后得以解决. 这里主要讨论Firefox与Chrome的兼容性问题. textContent与 innerText 在javascript中, 为了获取节点的文本, 我们可以考虑使用节点的textContent.或者innerText, 然而,两者都并不能很好对所有浏览器进行兼容. textContent: 不支持低版本 IE; 兼容 Chrome / Firefox / Safari / Opera / IE9. innerText: 不支

JS获取中文拼音首字母，并通过拼音首字母高速查找页面内的中文内容

实现效果: 图一: 图二: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdGVzdGNzX2Ru/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" /> 此例中输入的中文字符串"万万保重",有三个字是多音字.所以alert对话框中显示的是多种读音的组合. 怎样实现? 怎样实现通过拼音首字母高

js获取编辑框游标的位置

代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>js获取编辑框游标的位置<

Puppeteer 获取textContent

热门专题