介绍一下我是较小白，刚启动学

咦？你们想学怎么读HTML文件内容和元素？良好嘛，今天我就来给你们讲讲。 即便是... 不过先声明啊，我也是刚学没更多久的较小白，有可能说错点哪些也别见怪哈。

HTML文件是哪些鬼？

HTML文件就是那一些后缀名是.html或.htm的东西。里面写着网页要体现哪些内容， 百感交集。 有标题、文字、图片啥的。想读它里面的东西？那得先把它变成计算机能懂的样子。

第一步：找到文件

先来看你得了解当前这个HTML文件在哪里啊！是放在桌面上还是C盘里？要不你打开个记事本看看路径呗。比如我的叫"myweb.html"放在D盘根目录下：，站在你的角度想...

html D:\myweb.html

记住这路径哦！

用Node.js读取

听说Node.js能干很更多事儿，包括读HTML文件。不过你得先安装Node.js才行：

1. 去官网下载安装
2. 安装完后打开命令提示符
3. 输入node -v看版本号出来就成功了

然后崭新建个JS文件叫"readhtml.js"：

javascript const fs = require; // 引入fs模块 let html 他破防了。 Content = fs.readFileSync; console.log; // 把内容打印出来

到位。 运行方法： 1. 在命令提示符输入cd D:\回车进入D盘 2. 输入node readhtml.js

是吧？ 如果看到一较大堆乱七八糟的HTML代码就成功啦！

浏览器直接用fetch不行吗？

有人问："能不能直接用浏览器fetch啊？" 不行！浏览器会嫌弃file://协议不可靠！会报错：，就算....

javascript Blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.

意思就是：不许你这样玩！

解决方法只有两个： 1. 用服务器跑起来 2. 用其他方法，PTSD了...

用DOMParser解析HTML字符串

如果已经把HTML变成字符串了能够用DOMParser来解析：

绝了... javascript let parser = new DOMParser; let doc = parser.parseFromString; let title = doc.querySelector.textContent; console.log;

这样就能拿到

欧了！ 注意两点： 1. 必须要传第二个参数"text/html" 2. 记住加.textContent才能得到文字

用cheerio更方便些

听说cheerio比原生DOM API更适合批量处理。要用它需要先安装：

bash npm install cheerio --save，太硬核了。

然后改改代码：

javascript const cheerio = require; let $ = cheerio.load; console.log.text); // 拿标题 console.log.html); // 拿class="content"的元素内容，别担心...

比起原生API更简洁对吧？

常见问题

为哪些fs.readFileSync有时报错？

有可能路径写错了！记住Windows用斜杠\或者双斜杠\哦，研究研究。。

能不能用FileReader？

不行！FileReader只能用选中的文件。

DOMParser和cheerio有啥差别？

DOMParser是浏览器自带的，cheerio需要安装但功能更强较大较大，提到这个...。

最后再来看一下

1. 先来看确定HTML文件路径正确无误。
2. 选择适合场景的方法：
   • Node.js周边环境：用fs模块读取 + DOMParser/cheerio解析。
   • 浏览器周边环境：必须要通过服务器访问或采用特殊技巧。
3. 注意各种较小细节避免报错。
4. 错误不要怕更多试几次就行啦！

良好了这一些就是我目前了解的一些方法啦！较大家 何不... 如果发觉哪不对或者有更良好的办法一定要告诉我哦~