我正在为 Opera 编写用户脚本,而 Opera 不支持 DOMSubtreeModified , 有没有修改子树的替代方法?
注意:我只在 javascript 中寻找解决方案。 (不是 jquery 或任何 javascript 库)
谢谢。
最佳答案
定位您真正关心的节点,然后使用间隔计时器检查更改。
关键是选择感兴趣的节点,例如给定:
<div id="content"><p class="author"> ... </p>
...
</div>
也许您需要“作者”节点。
您将在计时器内使用 querySelectorAll("#content p.author")
扫描这些内容。
像这样的伪代码:
setInterval (MyNodeCheckFunc, 500);
function MyNodeCheckFunc ()
{
var newNodeList = [];
this.oldNodeList = this.oldNodeList || [];
var targetNodes = document.querySelectorAll ('VALID CSS-STYLE SELECTOR');
if (targetNodes && targetNodes.length > 0)
{
/*--- Found target node(s). Go through each and act if they
are new.
*/
for (var J = targetNodes.length - 1; J >= 0; --J)
{
var targNode = targetNodes[J];
newNodeList.push (targNode);
if (! targNode.weHaveProcessed)
{
targNode.weHaveProcessed = true;
//// DO STUFF FOR NEW NODE.
}
}
}
/*/// HERE, COMPARE newNodeList TO oldNodeList.
1) If an item is in oldNodeList, but not in newNodeList,
do any DELETED NODE action.
2) If an item is in a different order from oldNodeList
to newNodeList, do any MOVED NODE action.
*/
this.oldNodeList = newNodeList;
}
关于javascript - 我可以使用什么来代替 DOMSubtreeModified?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8166795/