`
mutongwu
  • 浏览: 451631 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

将文本转换为dom节点

 
阅读更多
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.zip

    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使用HTML5canvas从DOM节点生成图像" 这个标题提到了一个名为 "domtoimage" 的工具,它利用HTML5的Canvas API将DOM(文档对象模型)中的节点转换为图像。这个过程通常用于网页截图或者在网页中保存和分享...

    手工HTML代码转换为DOM代码

    而DOM则是HTML或XML文档的编程接口,它将HTML文档解析成一个树形结构,每个元素、属性、文本等都有对应的DOM节点。通过DOM,我们可以访问和修改这些节点,从而改变网页的状态。 在JavaScript中,我们可以使用`...

    jacascript DOM节点——元素节点、属性节点、文本节点

    它将文档结构转换为一个树形结构,使得我们可以通过JavaScript来访问和修改文档中的各个部分。DOM节点是这个树形结构的基本单位,主要包括元素节点、属性节点和文本节点。 **元素节点** 是DOM中最核心的部分,它们...

    手工THML代码转换为DOM代码

    DOM(Document Object Model)则是HTML或XML文档的一种编程接口,它将整个文档表示为一个树形结构,每个节点代表文档的一个部分。在JavaScript中,DOM允许我们通过编程方式访问和修改网页内容。 在JavaScript中,将...

    [js高手之路]HTML标签解释成DOM节点的实现方法

    在前端开发领域中,掌握如何将HTML标签转换为DOM节点的能力是非常重要的。在本篇文章中,作者首先介绍了自己在封装开源框架时遇到的问题,即如何实现一个可以处理HTML标签和DOM节点的after方法。这要求作者需要能够...

    使用dom4j将xml字符串转换成Bean对象

    要将XML字符串转换为Bean对象,我们首先需要创建一个Bean类,这个类的属性与XML节点相对应。例如,如果我们有以下XML字符串: ```xml &lt;name&gt;Yang Yong &lt;age&gt;30 &lt;email&gt;yangyong@example.com&lt;/email&gt; ``` 我们...

    dom遍历所有xml节点,并且重新生成xml

    在JavaScript中,我们可以使用内置的`DOMParser`对象将XML字符串解析为DOM树,然后通过遍历DOM节点来处理XML。以下是一段示例代码: ```javascript // 解析XML字符串 var xmlString = '&lt;root&gt;&lt;child attr="value"&gt;...

    解决XML节点删除后会留下一个空节点的问题

    4. **使用字符串操作**:如果可能,可以将XML转换为字符串,进行字符串操作来删除节点,然后再将结果转换回XML。这种方法需谨慎处理,因为它可能破坏XML的结构。 5. **选择合适的解析库**:不同编程语言的XML库处理...

    html文本解析器(DOM)

    在本案例中,“html文本解析器(DOM)”是一个用于解析HTML页面的工具,其主要任务是将HTML源代码转换为一个可编程的对象模型,方便后续的处理和操作。 DOM解析器的工作原理是首先读取HTML文档,然后构建一个由节点...

    13-文本小节-dom转vdom.md

    标题“13-文本小节-dom转vdom.md”所涉及的知识点是关于如何将DOM结构转换为虚拟DOM(vDOM)。vDOM是现代前端框架(如React)中的重要概念,它能够提升Web应用性能和开发效率。以下是从描述和部分具体内容中提炼出的...

    dom-serializer:渲染dom节点

    `dom-serializer` 是一个非常有用的工具库,用于将DOM节点或者DOM节点数组转换为字符串形式,这在处理动态生成的内容或进行序列化操作时特别有用。它可以帮助开发者将内存中的DOM结构以文本的形式输出,便于存储、...

    将富文本转为微信小程序richtext组件支持的json格式

    例如,我们可以先使用`DOMParser`将HTML字符串转化为DOM树,然后遍历DOM节点,将其转换为JSON对象。这种方法更加灵活,可以处理复杂的情况,但可能需要处理更多的边界情况。 3. **微信小程序API** 微信小程序没有...

    XML_DOM 教程 XML_DOM 教程

    **XML DOM节点** 在DOM中,XML文档的每一个组成部分都是一个节点。这包括整个文档(文档节点)、元素(元素节点)、文本(文本节点)、属性(属性节点)和注释(注释节点)。例如,在下面的XML书籍示例中: ```xml...

    jQuery获取DOM节点实例分析(2种方式)

    本文将深入分析jQuery获取DOM节点的两种主要方法,并讨论它们的应用场景和细节。 首先,需要了解的是,当使用jQuery的$函数选中DOM元素后,返回的其实是一个类数组对象,而非纯DOM对象。这个类数组对象的每一个元素...

    xmldom.zip

    XMLDOM的主要组成部分包括节点树和API,它将XML文档转换为一个对象模型,开发者可以通过这些对象模型进行读取和修改。以下是关于XMLDOM的一些关键知识点: 1. 节点类型:XML文档由一系列节点构成,如元素节点、属性...

    读取指定文档转换成XML节点属性(不是属性节点)vb

    在VB(Visual Basic)编程环境中,处理XML数据...总之,在VB中读取指定文档并将其转换为XML节点属性涉及到XML解析、DOM操作以及错误处理等多个方面。理解这些概念并熟练运用将有助于你在实际项目中有效地处理XML数据。

    实现 Virtual DOM 下的一个 VNode 节点(2).md

    - **elm**: 当前虚拟节点对应的真实DOM节点。它在创建VNode时可能未定义,但在VNode被挂载到真实DOM之后,会被赋值为对应的DOM元素。 ### 如何实现一个简单的VNode类 要实现一个简单的VNode类,你需要定义一个类并...

    虚拟DOM的实现

    这个过程中可能包括创建虚拟DOM节点的构造函数,实现Diff算法,以及编写一个将虚拟DOM转换为实际DOM的函数。在提供的"test"文件中,可能包含了这样的实现代码,通过分析和运行这些代码,可以加深对虚拟DOM理解。 总...

    DOMParser解析xml

    DOM是一种树型结构,将XML文档中的每个元素、属性和文本内容表示为节点,这些节点之间存在层级关系。DOMParser接口提供了解析XML字符串并创建DOM文档的方法,以便于开发者可以使用DOM API来查询、修改或操作XML数据...

Global site tag (gtag.js) - Google Analytics