在TinyMCE中循环遍历当前节点的子元素

Question

假设我在TinyMCE中选择了一个特定的表格，如下所示：

    var ed = tinyMCE.activeEditor;
    var selection = ed.selection.getContent();
    var element = ed.dom.getParent(ed.selection.getNode(), 'table');

我该如何循环遍历其中的 tr 元素？

我怀疑以下方法之一可能与此相关，但由于我对类的使用还很陌生，所以我很难理解如何应用它们：

TinyMCE select(): http://www.tinymce.com/wiki.php/API3:method.tinymce.dom.DOMUtils.select

TinyMCE getAll(): http://www.tinymce.com/wiki.php/API3:method.tinymce.html.Node.getAll

- supertrue

Answer 1

您可以像处理常规 HTML 节点一样遍历 tinymce 中的任何节点，因为它们实际上是常规的 HTML 节点。

因此，以下代码就足够了：

var ed = tinyMCE.activeEditor;
var element = ed.dom.getParent(ed.selection.getNode(), 'table');

var child = element.firstChild;
while(child){
    if(child.nodeName.toLowerCase() == 'tr'){
        //do your stuff here
    }
    child = child.nextSibling;
}

- Thariama

Answer 2

var element 没有 childNodes 属性吗？这是一个立即子元素的数组。每个元素都将进一步具有属性，您将对其中的 nodeName感兴趣。编写递归函数以搜索（每个节点进一步具有childNodes），直到找到 nodeName=="TR"。

顺便说一下，如果您感兴趣，使用jQuery会更容易。

http://www.w3schools.com/htmldom/dom_methods.asp

http://www.w3schools.com/htmldom/dom_nodes_info.asp

- user191966