JS获取html代码的纯文本和获取html代码的img

最新推荐文章于 2024-08-15 10:58:48 发布
置顶 最新推荐文章于 2024-08-15 10:58:48 发布
阅读量1.1w 收藏 3
点赞数 2
分类专栏： 工作开发运用 JAVASCRIPT 文章标签： JS获取html代码的纯文本 获取html代码的img FU
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ufeitxt/article/details/40188291
版权
本文介绍了如何使用JavaScript从HTML代码中提取纯文本内容以及如何获取img标签的src属性。提供了两种具体的方法：一是获取HTML的纯文本，二是获取HTML中的所有img标签的src。
摘要由CSDN通过智能技术生成

 

例如:

html代码

 

<p class=\"MsoNormal\">\n\t<span style=\"font-family:宋体;font-size:14pt;\"><strong><em><span style=\"font-size:18px;\"><\/span><\/em><\/strong><strong><em><strong><span style=\"font-size:18px;\"><\/span><\/strong><\/em><strong><em><span style=\"font-size:18px;\">普通用户，工作三年.闲来无事，在家看到海尔的钢琴一体机。小时候没条件学音乐，现在上班了，又没时间。可心中的音乐梦一直不曾熄灭。去海尔专卖店买了一个回来。<\/span><\/em><\/strong><\/strong><\/span> \n<\/p>\n<p class=\"MsoNormal\">\n\t<span style=\"font-family:宋体;font-size:14pt;\"><strong><em><span style=\"font-size:18px;\">值得一说的是当时我还是比较幸运的，去的时
最低0.47元/天 解锁文章
奋斗的小哥哥
关注
专栏目录
js获取html内容
只有十分努力，才能看起来毫不费力
11-30 1万+
js获取的html内容包括 1. 文本内容 2. 属性值 3. 输入的数据 可以采用js的dom方法，比如document.getElementById() 但是此种方法不简洁，使用起来不方便，违反了短小精悍的原则，推荐采用jquery的方法，jquery即js库，封装了js的一些方法，直接用就好了。 注意 · 使用jquery需要包含jquery.js文档  至于jquery.j
js获取html的内容
热门推荐
梓晨博客
04-10 1万+
js获取html的内容 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="box">hello world！！！</div&gt...
JS（三）——更改html内数据
最新发布
初叙
08-15 426
JavaScript更改html内数据
JavaScript获取HTML页面源代码
lan_13217的专栏
10-09 980
[code="js"] 获取 function gets() { var t = document.getElementByIdx_x("ttt"); t.value = document.documentElement.outerHTML; } [/code]
js获取网页元素文本
jerrism的博客
04-25 4449
若页面未引入jQuery，先导入： var importJs=document.createElement('script') importJs.setAttribute("type","text/javascript") importJs.setAttribute("src", 'https://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js')...
js(javascript)获取网页源码
05-22
远程网页源代码读取 /* 页面字体样式 */ body, td, input, textarea { font-family:Arial; font-size:12px; } //用于创建XMLHttpRequest对象 function createXmlHttp() { //根据window.XMLHttpRequest对象是否存在使用不同的创建方式 if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); //FireFox、Opera等浏览器支持的创建方式 } else { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE浏览器支持的创建方式 } } //直接通过XMLHttpRequest对象获取远程网页源代码 function getSource() { var url = document.getElementById("url").value; //获取目标地址信息 //地址为空时提示用户输入 if (url == "") { alert("请输入网页地址。"); return; } document.getElementById("source").value = "正在加载……"; //提示正在加载 createXmlHttp(); //创建XMLHttpRequest对象 xmlHttp.onreadystatechange = writeSource; //设置回调函数 xmlHttp.open("GET", url, true); xmlHttp.send(null); } //www.mp4ku.com将远程网页源代码写入页面文字区域 function writeSource() { if (xmlHttp.readyState == 4) { document.getElementById("source").value = xmlHttp.responseText; } } 远程网页源代码读取 地址：
html实现图片轮播（含代码和注释）
12-20
最后，在JavaScript部分，我们通过获取轮播图容器和其中的图片元素来操作轮播图。我们使用变量currentSlide来存储当前显示的图片索引，并使用setInterval函数设置了一个定时器，每隔3000毫秒（3秒）切换到下一张图片...
html_css_js.rar_HTML+CSS+JS网页_网页_网页代码_网页代码html
09-22
HTML、CSS和JavaScript是构建网页的核心技术，它们共同作用于创建动态、交互式的网页内容。这份"html_css_js.rar"压缩包显然包含了关于这三种语言的教程和代码示例，帮助初学者或开发者深入理解并实践这些技术。 ...
从富文本(html字符串)中获取图片,js获取富文本中的第一张图片(正则表达式)
weixin_39978863的博客
06-04 2452
js获取富文本中的第一张图片url正则公式及去除字符串里面的html标签后台发来一个富文本字符串里面可能包含了0、1、2、3…个图片标签(img),我们的任务是获取这个字符串里面第一张图片的url，如果没有图片则返回空var imgurlfun = function(str){var data = ''; str.replace(/]*src=['"]([^'"]+)[^>]*>/...
JS获取当前页面完整信息
12-02
JS获取当前页面完整信息，获取页面的头信息
javascript网页获取文本选中文字内容
02-05
javascript网页获取文本选中文字内容
用JS(javascript)从另一个html中读取标题和正文body
01-30
用JS(javascript)从另一个html中读取标题和正文body
JS获取select的value和text值的简单实例
12-02
代码如下:<select id = “cityList” >   <select id = “selectId” >      <option xss=removed>第0个</option>   </select>   [removed]       var selectObj = document.getElementById(‘selectId’);       // 通过对象添加option       selectId.add(new Option(“第一个”,”1″))       selectId.add(new Option(“第二个”,”2″))       // 通过id添加
javascript获取页面文档内容
jiguojing123的博客
10-07 596
JavaScript基础 一.用document对象获取页面标题 二.用ducument访问以下两个表单 第一个,文本框的值 "textform"> "textname" type="text" value="请输入文本" /> 第二个，按钮的值 "submitform"> "submit" name="submitname" value="第一个表单内的
JS如何获取HTML标签里的内容、和将JS里的值或内容输出到HTML网页中
HC_J888的博客
04-19 792
JS通过id获取HTML网页中输入的内容使用:(.value)；将JS里的值输出到HTML网页中使用：(innerHTML)
js请求返回一个页面html页面,js数字转金额，ajax调用接口，后台返回html(完整页面)，打开新窗口并写入html...
weixin_35049138的博客
06-03 787
一、转换成金额形式function toMoney(num){if(num){if(isNaN(num)) {alert("金额中含有不能识别的字符");return;}num = typeof num == "string"?parseFloat(num):num//判断是否是字符串如果是字符串转成数字num = num.toFixed(2);//保留两位num = parseFloat(num...
js 如何解析带有html标签的内容
m0_72642319的博客
06-20 979
在JavaScript中解析带有HTML标签的内容，通常是为了提取信息或转换HTML结构为可操作的对象。
HTML5跨年烟花动画代码实现
"这篇资源提供了一个跨年的HTML代码示例，用于在网页上展示烟花绽放的动画效果。这个代码利用HTML5的Canvas元素和JavaScript来创建动态的夜景烟花秀，同时包含了一些祝福语，如‘新年快乐’、‘合家幸福’等，营造出...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值