フラグメントの範囲でノードからすべてのID属性を削除します
-
01-10-2019 - |
質問
範囲またはフラグメントのすべてのノードのID属性を削除する方法はありますか?
更新:私が苦労しているバグは、ChromeユーザーがCtrl+aを行うときに、<[スクリプト]>が範囲に含まれているため、予想外にクローン化されることに基づいていることが最終的にわかりました。私の目標は、範囲(またはdocフラグメント)から<[script]>のインスタンスを削除することであり、クローン時に複製されないようにすることです。
解決
Treewalkerを使用できる場合があります。ツリーウォーカーは、範囲で機能するほとんどすべてのブラワーズで機能します。
function actOnElementsInRange(range, func) {
function isContainedInRange(el, range) {
var elRange = range.cloneRange();
elRange.selectNode(el);
return range.compareBoundaryPoints(Range.START_TO_START, elRange) <= 0
&& range.compareBoundaryPoints(Range.END_TO_END, elRange) >= 0;
}
var rangeStartElement = range.startContainer;
if (rangeStartElement.nodeType == 3) {
rangeStartElement = rangeStartElement.parentNode;
}
var rangeEndElement = range.endContainer;
if (rangeEndElement.nodeType == 3) {
rangeEndElement = rangeEndElement.parentNode;
}
var isInRange = function(el) {
return (el === rangeStartElement || el === rangeEndElement ||
isContainedInRange(el, range))
? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
};
var container = range.commonAncestorContainer;
if (container.nodeType != 1) {
container = container.parentNode;
}
var walker = document.createTreeWalker(document,
NodeFilter.SHOW_ELEMENT, isInRange, false);
while (walker.nextNode()) {
func(walker.currentNode);
}
}
actOnElementsInRange(range, function(el) {
el.removeAttribute("id");
});
他のヒント
所属していません StackOverflow