如何使用 YUI 进行基本的 DOM 操作（清除内容、追加到内容）？

Question

我正在用 YUI 做一个项目，我尝试做以前用 jQuery 做的事情。 我发现很难做一些基本操作，即：

1. 清除 DOM 元素的内容
2. 附加到 DOM 元素的内容

在 jQuery 中，我会这样做：

$(".someSelector").empty().append("<div>something</div>");

如何在 YUI 中执行上述操作？ 看起来它在很多方面都遵循 W3C DOM 规范，我对该规范不是很熟悉。 如果我应该使用任何特定的 W3C 或此类材料，请给出具体的链接。

Answer 1

这是 Dom 方法的 YUI 文档。
雅虎！ UI库> dom> YAHOO.util.Dom
或者尝试

YAHOO.util.Dom.get("somediv").innerHTML("<div>something</div>");

Answer 2

YUI 似乎没有提供与 jQuery 相同级别的 DOM 操作（尽管我还没有使用过 YUI3，所以这可能会改变）。

innerHTML 确实有效，并且曾经更快，尽管我认为这在某些现代浏览器中正在发生变化。 通过标准方法附加内容很容易：

element.appendChild(childElement);

清除则稍微复杂一些。 实际上，我已经扩展了 YUI DOM 实用程序，并将其添加为一种方法：

removeChildren : function(elem)
{
    var theElement = this.get(elem);
    var elemChildren = theElement.childNodes;
    var childCount = elemChildren.length;
    for (var i = childCount -1; i >= 0; i--)
    {
        theElement.removeChild(theElement.childNodes[i]);
    }
}

需要注意的是，在循环子节点时，我从最后一个元素开始，一直到前面。 这是因为每当删除一个节点时，数组的大小就会发生变化。 另外，如果我删除位置 [0] 处的节点，则数组的所有元素都会向下移动一个位置（意味着位置 [1] 处的元素现在变成位置 [0] 处的元素）。 如果我从数组的前面开始，我会错过元素，并很快超出数组的边界。