jQuery(document).ready(function(){
var reg = /(http:\/\/(item|detail)\.(taobao|tmall)\.com\/item\.htm\?(.+?&)*id=(\d+)(&.+?)*)(\s+|[\u4E00-\u9FA5])/i;
var blockId = "xxx";
var urlBase = "http://xxx.tianya.cn/"+blockId+ "/";
function innerHighlight2(node) {
var skip = 0, rs = null, pat = null, id = null;
if (node.nodeType == 3) {
rs = reg.exec(node.data + " ");
pat = rs ? rs[1] : null;
if (!pat) {
return skip;
}
id = rs[5];
var pos = node.data.indexOf(pat);
if (pos >= 0) {
var spannode = document.createElement('span');
spannode.className = 'ad_taobao_key highlight';
spannode.style.color = '#2965B1';
spannode.style.cursor = 'pointer';
// spannode.setAttribute("tid", id);
var middlebit = node.splitText(pos);
middlebit.splitText(pat.length);
var textNode = document.createTextNode(urlBase + id);
spannode.appendChild(textNode);
middlebit.parentNode.replaceChild(spannode, middlebit);
skip = 1;
}
} else if (node.nodeType == 1 && node.childNodes
&& !/(script|style)/i.test(node.tagName)) {
for (var i = 0; i < node.childNodes.length; ++i) {
i += innerHighlight2(node.childNodes[i]);
}
}
return skip;
}
jQuery('.bbs-content').each(function(){
innerHighlight2(this);
});
/* jQuery(document).click(function(event){
var t = jQuery(event.target);
if(t.is("span") && t.hasClass("ad_taobao_key") ){
}
});
*/
});
分享到:
相关推荐
vdom-to-html, 将虚拟DOM节点转换为 HTML vdom-to-html 将虚拟dom节点转换为 HTML安装npm install --save vdom-to-html用法var VNode = require('virtual-dom
"domtoimage使用HTML5canvas从DOM节点生成图像" 这个标题提到了一个名为 "domtoimage" 的工具,它利用HTML5的Canvas API将DOM(文档对象模型)中的节点转换为图像。这个过程通常用于网页截图或者在网页中保存和分享...
而DOM则是HTML或XML文档的编程接口,它将HTML文档解析成一个树形结构,每个元素、属性、文本等都有对应的DOM节点。通过DOM,我们可以访问和修改这些节点,从而改变网页的状态。 在JavaScript中,我们可以使用`...
它将文档结构转换为一个树形结构,使得我们可以通过JavaScript来访问和修改文档中的各个部分。DOM节点是这个树形结构的基本单位,主要包括元素节点、属性节点和文本节点。 **元素节点** 是DOM中最核心的部分,它们...
DOM(Document Object Model)则是HTML或XML文档的一种编程接口,它将整个文档表示为一个树形结构,每个节点代表文档的一个部分。在JavaScript中,DOM允许我们通过编程方式访问和修改网页内容。 在JavaScript中,将...
在前端开发领域中,掌握如何将HTML标签转换为DOM节点的能力是非常重要的。在本篇文章中,作者首先介绍了自己在封装开源框架时遇到的问题,即如何实现一个可以处理HTML标签和DOM节点的after方法。这要求作者需要能够...
要将XML字符串转换为Bean对象,我们首先需要创建一个Bean类,这个类的属性与XML节点相对应。例如,如果我们有以下XML字符串: ```xml <name>Yang Yong <age>30 <email>yangyong@example.com</email> ``` 我们...
在JavaScript中,我们可以使用内置的`DOMParser`对象将XML字符串解析为DOM树,然后通过遍历DOM节点来处理XML。以下是一段示例代码: ```javascript // 解析XML字符串 var xmlString = '<root><child attr="value">...
4. **使用字符串操作**:如果可能,可以将XML转换为字符串,进行字符串操作来删除节点,然后再将结果转换回XML。这种方法需谨慎处理,因为它可能破坏XML的结构。 5. **选择合适的解析库**:不同编程语言的XML库处理...
在本案例中,“html文本解析器(DOM)”是一个用于解析HTML页面的工具,其主要任务是将HTML源代码转换为一个可编程的对象模型,方便后续的处理和操作。 DOM解析器的工作原理是首先读取HTML文档,然后构建一个由节点...
标题“13-文本小节-dom转vdom.md”所涉及的知识点是关于如何将DOM结构转换为虚拟DOM(vDOM)。vDOM是现代前端框架(如React)中的重要概念,它能够提升Web应用性能和开发效率。以下是从描述和部分具体内容中提炼出的...
`dom-serializer` 是一个非常有用的工具库,用于将DOM节点或者DOM节点数组转换为字符串形式,这在处理动态生成的内容或进行序列化操作时特别有用。它可以帮助开发者将内存中的DOM结构以文本的形式输出,便于存储、...
例如,我们可以先使用`DOMParser`将HTML字符串转化为DOM树,然后遍历DOM节点,将其转换为JSON对象。这种方法更加灵活,可以处理复杂的情况,但可能需要处理更多的边界情况。 3. **微信小程序API** 微信小程序没有...
**XML DOM节点** 在DOM中,XML文档的每一个组成部分都是一个节点。这包括整个文档(文档节点)、元素(元素节点)、文本(文本节点)、属性(属性节点)和注释(注释节点)。例如,在下面的XML书籍示例中: ```xml...
本文将深入分析jQuery获取DOM节点的两种主要方法,并讨论它们的应用场景和细节。 首先,需要了解的是,当使用jQuery的$函数选中DOM元素后,返回的其实是一个类数组对象,而非纯DOM对象。这个类数组对象的每一个元素...
XMLDOM的主要组成部分包括节点树和API,它将XML文档转换为一个对象模型,开发者可以通过这些对象模型进行读取和修改。以下是关于XMLDOM的一些关键知识点: 1. 节点类型:XML文档由一系列节点构成,如元素节点、属性...
在VB(Visual Basic)编程环境中,处理XML数据...总之,在VB中读取指定文档并将其转换为XML节点属性涉及到XML解析、DOM操作以及错误处理等多个方面。理解这些概念并熟练运用将有助于你在实际项目中有效地处理XML数据。
- **elm**: 当前虚拟节点对应的真实DOM节点。它在创建VNode时可能未定义,但在VNode被挂载到真实DOM之后,会被赋值为对应的DOM元素。 ### 如何实现一个简单的VNode类 要实现一个简单的VNode类,你需要定义一个类并...
这个过程中可能包括创建虚拟DOM节点的构造函数,实现Diff算法,以及编写一个将虚拟DOM转换为实际DOM的函数。在提供的"test"文件中,可能包含了这样的实现代码,通过分析和运行这些代码,可以加深对虚拟DOM理解。 总...
DOM是一种树型结构,将XML文档中的每个元素、属性和文本内容表示为节点,这些节点之间存在层级关系。DOMParser接口提供了解析XML字符串并创建DOM文档的方法,以便于开发者可以使用DOM API来查询、修改或操作XML数据...