javascript - js 截取字符串的疑问-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - js 截取字符串的疑问

ringa_lee 2017-04-10 16:35:16

[JavaScript讨论组]

588

http://segmentfault.com/a/1190000004154982
从这是url获取到html源码是在内存中的字符串，不是dom，
想截取<p class="col-xs-12 col-md-9 main">...</p>这是整个节点，包括子节点（字符串不叫节点，只为更好理解），
js中可以正则匹配到这个节点,但是能不能直接提取出来

ringa_lee

全部回复(2)

PHP中文网2017-04-10 16:37:16 2楼

用element.innerHTML就行了，例如在本页面的 console 运行：

document.getElementById("questionTitle").innerHTML;
// "<a href="/q/1010000004161043">js 截取字符串的疑问</a>"

2015-12-18修改：
没看到字符串，哈。楼主想要截取的话有两种方法，一种就是继续用匹配的方法，还有一种就是和上面的差不多，也是使用 DOM 的方法。比如下面：

var a = document.createDocumentFragment();
var ele = document.createElement('p');

ele.innerHTML = '<p id="a"><span id="b" class="b"></span></p>';
a.appendChild(ele);
a.getEelementById('a').outerHTML;
//"<p id="a"><span id="b" class="b"></span></p>"

MDN参考：Document.createDocumentFragment()、element.innerHTML

赞 +0

添加回复

阿神2017-04-10 16:37:16 1楼

var str = '<p class="col-md-9"><h1 class="h3 title" id="questionTitle" data-id="1010000004161043"><a href="/q/1010000004161043">js 截取字符串的疑问</a></h1></p>';
var ele = jQuery(str);

console.log(ele.find('.h3.title').get(0).outerHTML);

---2015-12-18---
cheerio 转成服务器端的 jquery dom like
https://github.com/cheeriojs/cheerio

--问题修改前的回答---
outerHTML

https://developer.mozilla.org/zh-CN/docs/Web/API/Element/outerHTML

赞 +0

添加回复