首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Deepseek开发极简浏览器插件:微信读书检索结果提取

    在电脑上使用微信读书网页版的时候,搜索结果无法复制,查看书名对应的源代码如下: div class="wr_index_page_mini_bookInfo_content_title">div元素, 提取其文本内容; 输出到Chrome浏览器的控制台; Deepseek的回复: 以下是一个可以在Chrome浏览器中运行的JavaScript脚本,用于定位当前页面中所有 class=...'); // 检查是否找到元素 if (elements.length === 0) { console.log('未找到符合条件的 div 元素。')...; return; } // 遍历所有元素并提取文本内容 elements.forEach((element, index) => { const text = element.textContent.trim...按下回车运行: 脚本会立即运行,提取所有符合条件的微信读书搜索结果,并输出到控制台。 可以看到微信读书的搜索结果都输出到控制台了:

    40510

    Javascript DOM(一)

    JavaScript DOM(一) 整理一下学习的 DOM 部分知识,首先小复习一下知识点”预解析”。....案例只留下案例名称,需复习的话,下载素材,按名字搜索后可找到文件 预解析 运行 js 会分为两步。....属性 只能获取内置属性值,无法获取自定义属性值,如index、data-index等,其中data-*是H5的自定义属性 例子: var div = document.querySelector("#...第一种方法也无法设置自定义属性值 element.属性 = ‘值’ 例子: var div = document.querySelector("#demo"); div.id = "box"; element.setAttribute...("index", 2); 移除属性 只有一种方法,element.属性 = ‘’;只能令属性值为空,而不会移除属性 element.removeAttribute(‘属性’); 例子: var div

    1.3K30

    【Web APIs】JavaScript 操作元素 ② ( 修改元素属性 | 直接访问属性 | 使用setAttribute、getAttribute 和 removeAttribute访问属性 )

    JavaScript 中 可以通过 DOM ( 文档对象模型 ) 操作 来 修改网页的 内容 , 结构 , 样式 , 属性 ; 在 【Web APIs】JavaScript 操作元素 ① ( 修改元素内容...标签元素 的 属性 ; 图片标签 , 可以 修改 id、alt 、src、width / height 等属性 ; src : 图片的源文件路径 ; alt : 图片的替代文本 , 用于无法显示图片时显示...可 修改 href、 target、 download 等属性 ; href : 链接的目标 URL ; target : 链接打开的目标窗口或框架 ; download : 设置链接下载文件的名称..., 接收 1 个参数 : 参数是要获取的属性名称 ; // 示例:获取元素的 id 属性值 let titleValue = element.getAttribute('id'); removeAttribute...方法用于 移除指定元素的属性 , 接受 1 个参数 : 参数是要移除的属性名称 ; // 示例:移除元素的 id 属性 element.removeAttribute('id'); 代码示例

    54110

    使用Skypack在浏览器上直接导入ES模块

    如果使用传统的CDN服务,那么首先就需要某个包它提供了ES模块的文件,然后我们再从CDN里找到该ES版本的文件地址,再进行使用,如果某个包没有提供ES版本,那么我们就无法直接在浏览器上以模块的方式导入它...在包名后面拼接上路径即可: 以这种方式虽然可以加载到我们指定的文件,但是有一个很大的限制,就是如果要加载的文件不是ES模块,比如是commonjs模块,那么Skypack是不会自动对文件进行转换的,只有以按包名称...css文件 有些包不仅提供了js文件,还提供了css文件,常见于各种组件库,比如element-ui,示例如下: div id="app"> div>{{title}}div>...UI', input: '' } } }) 我们直接在js里面导入element-ui的css文件,在我们平常的开发中这是很正常的,不过在浏览器上的运行结果如下: 显然是无法在...ES模块里直接导入css,所以我们需要把css通过传统样式的方式引入: @import 'element-ui/lib/theme-chalk/index.css' 固定url 以包名称进行导入虽然方便

    1.8K10

    【JS】395-重温基础:事件

    DOCTYPE html> leo 事件冒泡 div id="leo">点击div> 点击页面中...div>元素,这个 click事件就会按照下面顺序传播: div> document 由此可见,元素绑定的事件会通过DOM树向上传播,每层节点都会发生,直到 document...在DOM事件流中,实际目标( div>元素)在捕获阶段不接收事件,即在捕获阶段,事件从 document对象到 再到 后就停止,进入“处于目标”阶段,事件在 div>元素上发生...和DOM0级方法一样, detachEvent()只能移除使用 attachEvent()添加的方法,为了避免无法移除,也是需要将处理的函数单独定义出来: var leo = document.getElementById...Ctrl键,默认false altKey : 布尔值,表示是否按下Alt键,默认false shiftKey : 布尔值,表示是否按下Shift键,默认false metaKey : 布尔值,表示是否按下

    1.2K60

    给Mac系统浏览器扩展翻译功能

    可是,如果你用惯了Safari,不想安装Google Chrome,又需要对外文网页即时翻译,那么,请看下面: 前提:先打开Safari,点击“显示-显示个人收藏栏”(或者直接按快捷键⇧⌘B),地址栏下出现...方法一: 1、按快捷键⌘D,先把任意一个网页添加到“个人收藏栏”中。...20document.body.insertBefore(s,%20document.body.firstChild);%7D)() 4、右键点击“个人收藏栏”中刚添加的网页链接按钮,点击“重新命名…”,更名为“翻译”或其它自定义的名称...(d.createElement('div'),b.firstChild);v.id='google_translate_element';v.style.display='none';p=d.createElement...%22);}';p.setAttribute('type','text/javascript');b.appendChild(p);}void%200 有道网页翻译URL(方法一步骤3): javascript

    4.9K30

    解释函数 foo() {} 和 var foo = function() {} 之间 foo 用法的差异

    此外,函数表达式不会提升在代码的顶部,因此在定义函数表达式(如函数声明)之前,我们无法调用它。 语法 用户可以按照以下语法使用函数表达式定义函数。...用户可以看到我们已经将匿名函数作为参数传递,而不是用名称编写声明。..., element2) {             return element2 - element1;          });          output.innerHTML += "The ...JavaScript 在范围执行开始时对其进行评估。 JavaScript 在分步代码执行中对其进行评估。 我们可以使用函数名称来识别它。 我们可以使用存储它的标识符来识别它。 它用于定义普通函数。...结论 在 JavaScript 中,有两种方法可以定义函数:函数声明和函数表达式。函数声明是使用函数关键字定义的,后跟函数名称,通常写为函数 foo() {}。

    1.6K10

    XPath元素定位常用的5种方法(相对路径)

    ::节点名称前后的定位与之前一致,用/隔开即可 * //div//table/td/preceding::td/following-sibling::a//[contains(text(),"课程")]... #表示//div//table/td/路径前所有节点中找到节点名称为td的节点,向下同级下的一个兄弟节点包含文本课程。...二、XPath定位验证 1、验证XPath定位元素是否正确,可以在Google Chrome的elements或console中进行验证 在需要定位的页面,按F12后,切换至elements列下,按下Ctrl...+f键,输入XPath表达式 在需要定位的页面,按F12后,切换至console列下,输入表达式。...语法是:$x("your_xpath_selector") 2、表达式正确,元素定位正确时,会查找出该元素,如下图: 3、未定位准确,找不到该元素,查找结果为空,如图: 4、表达式不正确,无法正常识别情况

    12.8K31

    JavaScript——DOM基础

    事件源:事件被触发的对象,谁被点击---按钮 事件类型:如何触发,什么事件,比如鼠标点击(onclick)还是鼠标经过或者是键盘按下。 事件处理程序:通过一个函数赋值的方式完成。...循环精灵图利用for循环设置一组元素的精灵图背景找到精灵图图片排列的规律核心思路:利用for循环,修改精灵图片的背......自定义属性的操作 获取属性值 element.属性 获取属性值 element.getAttribute('属性') get得到获取 attribute属性 div id="demo.../1.element.属性='值' div.id = 'test'; div.className = 'navs'; //2.element.setAttribute...一般地,节点至少拥有nodeType(节点类型)、nodeName(节点名称)和nodeValue(节点值)这三个基本属性。

    7K20
    领券