首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

GNE 预处理技术——如何移除特定标签但是保留文字到父标签

例如: 演示合并节点 ...因为并不是所有的 标签中的内容都是新闻正文。GNE 有一套算法来计算并寻找全部包含真正有效内容的 标签。...以上面的 HTML 代码为了,如果按照这种简单的解法,那么分别提取以后会得到如下内容: 现在问题来了,你怎么知道 标签中提取出来的这两个字符串 世界, 产品经理,分别应该插入到 标签结果列表中的哪个位置...这是由于这种做法,会无差别移除所有的标签。但是 标签下面的 标签是有用的,它在用于过滤导航栏或者推荐新闻这种类型的干扰内容中会起到很大的作用。所以 标签必需保留。...那么,本文标题提到的问题: 如何移除指定标签,但是保留它的文本,合并到父标签中? 应该如何解决呢?

99120
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端day13-JS(WebApi)学习笔记(attribute语法、DOM节点操作)

    DOM树体现着HTML页面的层级结构,学习中经常提到的父元素子元素的说法也是建立在树这种数据结构的基础之上的,而DOM文档树则包含文档中所有内容。...,插入到哪一个标签前面) 特点:与appendChildNode一致 (1)如果是新元素则插入到指定位置 (2)如果是已存在元素则移动到指定位置 (3)如果元素有子元素,则子元素随着它一起移动 如果想插入到某元素后面...(新元素,旧元素) 特点: 1.如果是新创建的元素,则直接替换 2.如果是已存在的元素(不论这个元素是自己的子元素还是别人的)会将新元素移动到旧元素位置,并且旧元素被移除 3.如果已存在的元素有子元素,...则子元素会随着父元素一起替换 4.5-移除子元素:removeChild() removeChild:移除子元素 语法: 父元素.removeChild(子元素) 1.不能自己移除自己(只能让爸爸干掉自己...) 2.父元素只能移除自己的子元素,不能移除别人的子元素(只有亲爸爸才能干掉自己)

    3.1K11

    原生 JS DOM 常用操作大全

    //可以返回某个节点的父节点,注意是最近一级的父节点如果指定的节点没有父节点则返回null × 子元素节点 parentNode.children (各个浏览器都支持) (不包含 元素节点,文本节点等...返回当前元素下一个兄弟元素节点,找不到则返回nullnode.previousElementSibling // 返回当前元素上一个兄弟节点,找不到则返回null两种方法都有兼容性的问题,IE9以上支持...") // 移除类名操作 可移除多个类名Element.classList.toggle("切换类名") //切换类名 无则添加,有则移除Element.calssList.contains("类名")...创建节点 document.createElement("标签") 动态创建元素 创建之后需要添加 添加节点 node.appendchild(child ) //node表示父级 child表示子级...该方法的节点的一个副本,也称为克隆节点/拷贝节点如果括号参数为空或者为 false,则是浅拷贝,即只克隆复制节点本身,不克隆里面的子节点如果括号参数为true,则是深度拷贝,会复制节点本身以及里面所有的子节点

    10810

    JavaScript(十)

    如果是,则取得并保存 nodeName 的值。对于元素节点,nodeName 中保存的始终都是元素的标签名,而 nodeValue 的值则始终为 null。...每个节点都有一个 parentNode 属性,该属性指向文档树中的父节点。包含在 childNodes 列表中的所有节点都具有相同的父节点,因此它们的 parentNode 属性都指向同一个节点。...最后一个方法是 normalize(),这个方法唯一的作用就是处理文档树中的文本节点。如果找到了空文本节点,则删除它,如果找到相邻的文本节点,则将它们合并为一个文本节点。...如果找到相应的元素则返回该元素,如果不存在带有相应 ID 的元素,则返回 null。注意,这里的ID必须与页面中元素的 id 特性(attribute)严格匹配,包括大小写。...如果特性已经存在,setAttribute() 会以指定的值替换现有的值,如果特性不存在,setAttribute() 则创建该属性并设置相应的值。

    69510

    DOM操作

    ,文本节点:标签之间或标签包含的文本 Comment,注释节点:注释 DocumentFragment,文档节点:文档的片段 这七种节点都属于浏览器原生提供的节点对象的派生对象,具有一些共同的属性和方法...document.getElementById():返回匹配指定ID属性的元素节点对应的对象,如果没有发现匹配的节点,则返回null。...ES5的方法: document.querySelector():返回匹配指定的CSS选择器的元素节点。如果有多个节点满足匹配条件,则返回第一个匹配的节点。如果没有发现匹配的节点,则返回null。...document.elementFromPoint():返回位于页面指定位置的DOM元素,如果该元素不可返回(比如文本框的滚动条),则返回它的父元素(比如文本框)。...remove():移除一个class。 contains():检查当前元素是否包含某个class。

    1.9K60

    再谈BOM和DOM(2):DOM节点层次属性选择器节点关系操作详解

    文本节点:包含文本、属性节点:包含属性、元素节点和文档节点:null hasChildNodes 包含一个或多个节点时返回true contains 如果是后代节点返回true isEqualNode...确定节点之间的各种关系 parentNode 父节点 parentElement 父节点标签元素 childNodes 所有子节点 children 第一层子节点 firstChild 第一个子节点,...:name属性名 getElementsByClassName() 一个参数:包含一个或多个类名的字符串 querySelector() 接收CSS选择符,返回匹配到的第一个元素,没有则null querySelectorAll...(被移除) removeChild() 移除节点 cloneNode() 克隆,一个布尔值参数,true为深拷贝,false为浅拷贝 importNode() 从文档中复制一个节点,两个参数:要复制的节点和布尔值...attributes attributes 获取所有标签属性 getAttribute() 获取指定标签属性 setAttribute() 设置指定标签属 removeAttribute() 移除指定标签属

    1.2K20

    【Vue原理】Compile - 源码版 之 Parse 主要流程

    在解析标签的时候,必须要知道这个标签的 父节点时谁 这样才知道 这个标签是谁的子节点,才能把这个节点添加给相应的 节点的 children 注:根节点 没有 父节点,所以就是 undefined parse...,是十分庞大的,其中兼顾了非常多情况的处理 而本次在不影响流程的情况下,我去掉了下面这些处理,优化阅读 1、没有结束标签的处理 2、文字中包含 < 的处理 3、注释的处理 4、忽略首尾空白字符,默认起始和结尾都是标签...作用有两个 1从 stack 数组中移除这个节点 stack 保存的是匹配到的头标签,如果标签已经匹配结束了,那么就需要移除 stack 就是为了明确各节点间父子关系而存在的 保证 stack 中最后一个节点...= section 然后匹配到 ,则移除 stack 中的 section,并且重设 currentParent stack = ['div'] currentParent =...,标签名是 div 因为 stack 是节点顺序存入的,这个结束标签肯定属于 stack 最后一个 标签 由于 该标签匹配完毕,所以从 stack 中移除 并且设置 当前父节点 currentParent

    78420

    JavaScript DOM基础

    head标签是html子标签,meta和title标签之间是兄弟关系。如果把每个标签当作一个节点的话,那么这些节点组合成了一棵节点树。 PS:后面我们经常把标签称作为元素,是一个意思。...如果找到相应的元素则返回该元素的HTMLDivElement对象,如果不存在,则返回null。...信息节点属性 节点类型 nodeName(标签名) nodeType nodeValue(节点值) 元素 元素名称 1 null 属性 属性名称 2 属性值 文本 #text 3 文本内容(不包含html...,移到父节点上,删除子节点 nodes[i].parentNode.removeChild(nodes[i]); } } return nodes; } PS:如果firstChild、lastChild...function insertAfter(newElement, targetElement) { //得到父节点 var parent = targetElement.parentNode; //如果最后一个子节点是当前元素

    1.4K90

    JavaScript 高级程序设计(第 4 版)- DOM

    添加新节点会更新相关的关系指针,包括父节点和之前的最后一个子节点 appendChild()方法返回新添加的节点 如果把文档中已经存在的节点传给 appendChild(),则这个节点会从之前的位置被转移到新位置...一个节点也不会在文档中同时出现在两个或更多个地方(如果调用 appendChild()传入父元素的第一个子节点,则这个节点会成为父元素的最后一个子节点) insertBefore():把节点放到 childNodes...注释节点可以作为父节点的子节点来访问 document.createComment()方法创建注释节点,参数为注释文本 浏览器不承认结束的标签之后的注释。...而在写入 innerHTML 时,则会根据提供的字符串值以新的 DOM 子树替代元素中原来包含的所有节点。如果赋值中不包含任何 HTML 标签,则直接生成一个文本节点。...被包含在另一个样式表中,则这个属性值为 null parentStyleSheet,如果当前样式表是通过@import 被包含在另一个样式表中,则这个属性指向导入它的样式表 title,ownerNode

    1.2K30

    JavaScript——DOM基础

    如果页面中只有一个标签,返回的还是伪数组的形式。 如果页面中没有这个元素,返回的是一个空的伪数组。 还可以获取某个元素(父元素)内部所有指定标签名的子元素。...节点层级 利用DOM树可以把节点划分为不同的层级关系,常见的是父子兄层级关系 1.父级节点 node.parentNode parentNode属性可返回某节点的父节点,注意是最近的一个父节点 如果指定的节点没有父节点则返回...同样,也是包含所有的节点。 parentNode.lastChild 返回最后一个子节点,找不到则返回null。同样,也是包含所有的节点。...兄弟节点 node.nextSibling 返回当前元素的下一个兄弟节点,找不到则返回null,同样,也是包含所有的节点。...node.previousSibling 返回当前元素的上一个兄弟节点,找不到则返回null,同样,也是包含所有的节点。

    6.6K20

    vue课程大全

    和func和details的方法区别.funcbut是在log中定义的方法,用来引用log标签$emit引用func的.可以在log的模版中调用这个方法func是在loghtml标签用来引用父组件details...因此,如果需要非常频繁地切换,则使用 v-show 较好;如果在运行时条件很少改变,则使用 v-if 较好。...我看黑马教程用的是v-enter设定属性,原来原理在这里:对于这些在过渡中切换的类名来说,如果你使用一个没有名字的 ,则 v- 是这些类名的默认前缀。...inserted:被绑定元素插入父节点时调用 (仅保证父节点存在,但不一定已被插入文档中)。update:所在组件的 VNode 更新时调用,但是可能发生在其子 VNode 更新之前。...它更准确的名字可能是 createNodeDescription,因为它所包含的信息会告诉 Vue 页面上需要渲染什么样的节点,包括及其子节点的描述信息。

    1.6K20

    DOM 和 BOM

    按节点间关系查找,节点树包含所有节点,分为元素和文本 ①....按标签名查找 parent.getElementsByTagName("标签名") 按标签名查找可在任意父元素上,不但查找直接子元素,还查找所有后代元素,返回多个元素组成的集合 ③....如果条件简单: 按 HTML 查找: id、标签、 className B. 如果条件复杂: 按选择器查找 ②. 已经获得一个元素,找周围相邻: 按节点间关系 (6)....如果同时添加父元素和子元素时,应该先在内存将子元素都添加到父元素中,再将父元素一次性整体添加到 DOM 树,这样只会触发一次 layout ②....解除绑定: elem.removeEventListener("事件名","函数名"); 如果一个事件处理函数可能被动态移除,则绑定时,不能使用匿名函数,必须使用有名称的函数 21.

    2.3K10

    文档对象模型

    ,如果是元素类型,值为元素的标签名 nodeValue 该属性取决于节点类型,如果是元素类型,值有null childNodes 属性,保存一个NodeList对象,NodeList...parentNode 指向文档树中的父节点。包含在childNodes列表中所有的节点都具有相同的父节点,每个节点之间都是同胞/兄弟节点。...以下四个方法都需要父节点对象进行调用!...如果第二个参数为null将会将该节点追加在NodeList后面 replaceChild() 第一个参数:要插入的节点; 第二个参数:要替换的节点; 要替换的节点将由这个方法返回并从文档树中被移除,同时由要插入的节点占据其位置...如果该值存在,替换。 3)移除属性 removeAttribute() 移除指定的特姓 4)attributes属性,其中包含了一个NamedNodeMap,与NodeList类似。

    1.1K40
    领券