`

Js获取所有文本节点

阅读更多

<script type="text/javascript">
var contents = "";
function extractDocument(el) {
    
    var childNodes = el.childNodes;
    for (var i = 0; i < childNodes.length; i ++) {
        var c = childNodes[i];
        switch(c.nodeType) {
            case 1:
			   if(c.nodeName=="A")c;
                extractDocument(c);
                break;
            case 3:
                if (trim(c.nodeValue).length == 0) break;
                contents += " | " + c.nodeValue;
                break;
        }
    }
}
function trim(str) {
     return str.replace(/(^\s*)|(\s*$)/g, "");  
}
</script>
onload="extractDocument(document.body);alert(contents);
 
分享到:
评论

相关推荐

    js树插件zTree获取所有选中节点数据的方法

    本文实例讲述了js树插件zTree获取所有选中节点数据的方法。分享给大家供大家参考。具体分析如下: 由于刚接触Tree方面的东西。在网上看到了zTree,是中国人写的。所以API肯定是中文的。而且评论也很好。所以尝试用...

    js获取HTML DOM节点详解

    - **注意事项**:在 IE7 中,`childNodes` 只包括真正的子节点(即排除了文本节点等),而在 Firefox 2.0.0.11 中则包括所有类型的子节点。 4. **`parentObj.children`** - **说明**:获取指定父节点的所有直接子...

    JavaScript获取HTML DOM节点元素的方法的总结

    3. `parentObj.childNodes`:返回父节点的所有子节点的NodeList,包括文本节点和元素节点。在IE7中,只包含直接子节点,Firefox则包含所有子节点。 4. `parentObj.children`:在IE7中与`childNodes`类似,但在Fire...

    获取文本节点值.html

    获取文本节点值

    js获取页面文字的例子

    在这个例子中,`getAllText`函数会递归地处理每个子节点,直到找到所有的文本节点。 此外,`innerText`属性也是获取元素文本内容的一种方式,但它会解析HTML标签并应用内联样式,所以通常`textContent`更为推荐。在...

    javascript读取文本节点方法小结

    本文总结了使用JavaScript读取文本节点的方法,包括直接使用`getElementById`和`getElementsByTagName`获取元素节点,并通过`childNodes`属性来访问和遍历子节点,进而获取其中的文本节点。掌握这些基本操作,可以...

    javascript获取指定节点父节点、子节点的方法.pdf

    3. `parentObj.childNodes`:返回父节点的所有子节点数组,包括文本节点。在IE7和Firefox上可能有所不同,需要考虑兼容性问题。 4. `parentObj.children`:返回父节点的直接子节点数组,IE7和Firefox上的表现可能...

    jQuery获取节点和子节点文本的方法

    当`.text()`用于获取内容时,它会将选定元素下的所有文本节点以及子元素中的文本节点内容合并,并返回合并后的字符串。 举个例子,假设我们有如下的HTML代码片段: ```html &lt;div id="text_test"&gt;test text ***" ...

    js实现获取列表中某个(些)节点所有子节点和直系父节点数据

    每个HTML元素都是一个节点,包括元素节点、属性节点和文本节点等。在我们的场景中,列表可以看作是一个由节点组成的树,我们关心的是找到特定节点及其所有子节点和直系父节点。 要实现这个功能,我们可以按照以下...

    javascript 节点

    // 获取文本节点 var textNode = document.createTextNode("Hello World"); console.log(textNode.nodeType); // 输出:3 console.log(textNode.nodeName); // 输出:"#text" console.log(textNode.nodeValue); // ...

    JS_操作节点.doc

    2. **childNodes**:这也是一个只读属性,它包含了节点的所有子节点,包括文本节点、注释节点等。可以遍历这个列表来访问或操作子节点。 3. **dataType**:返回节点的数据类型,例如元素节点、文本节点、属性节点等...

    js 获取元素所有兄弟节点的实现方法

    本文将详细介绍如何使用原生JavaScript以及jQuery这两种方式来获取元素的所有兄弟节点,并给出相关的概念和方法解释。 首先,让我们来理解“兄弟节点”的概念。在DOM树结构中,一个节点的兄弟节点指的是它父节点下...

    Easyui Tree获取当前选择节点的所有顶级父节点

    在JavaScript和EasyUI框架中,处理树形控件(如Tree)时,有时我们需要获取当前选中节点的所有顶级父节点。这在数据层次结构中非常常见,例如在组织结构、文件系统或者菜单导航中。标题提到的问题就是这样一个场景,...

    JS获取子节点、父节点和兄弟节点的方法实例总结

    2. 使用childNodes属性可以直接获取元素的所有子节点,但要注意,它不仅包含元素节点,还包括文本节点(如换行、空格产生的空白节点)。因此,在使用时,可能需要借助正则表达式过滤掉这些非必要节点。 3. children...

    vue中的 $slot 获取插槽的节点实例

    这里需要注意的是,文档中提到了`this.slotChildren`数组,这个数组是通过遍历`this.$slots.default`来得到的,只包含那些elm属性不是文本节点的元素节点(nodeType !== 3 表示不是文本节点)。 在Vue 3中,插槽的...

    Js中节点的遍历和操作

    - `oLis = oUl.childNodes`和`oLis = oUl.children`分别用于获取`&lt;ul&gt;`元素的所有子节点,前者包含文本节点,后者仅包含元素节点,然后通过循环打印它们的innerHTML。 4. 节点操作: - `document.createElement(...

    JS获取父节点方法

    - `parentObj.childNodes`:返回父节点的所有子节点,包括文本节点,但注意在IE7和Firefox中行为有所不同。在IE7上,它只包含直接子节点,而在Firefox中包含所有子节点。 - `parentObj.children`:获取父节点的...

    javascript获取元素文本内容的通用函数

    元素节点的 nodeName 是标签名称 属性节点的 nodeName 是属性名称 文本节点的 nodeName 永远是 #text 文档节点的 nodeName 永远是 #document 注释:nodeName 所包含的 XML 元素的标签名称永远是大写的 nodeValue ...

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

    JavaScript DOM(Document Object Model)是Web开发中用于操作...理解元素节点、属性节点和文本节点的概念及其操作方法是JavaScript Web开发的基础。熟练掌握这些知识,可以帮助开发者更有效地实现页面交互和动态更新。

Global site tag (gtag.js) - Google Analytics