私の目標は、フラグメントをdomに挿入する前に、ドキュメントフラグメントからすべての<[script]>ノードを削除することです(フラグメントの残りの部分はそのままにします)。
私のフラグメントはによって作成され、次のようになります。
range = document.createRange();
range.selectNode(document.getElementsByTagName("body").item(0));
documentFragment = range.cloneContents();
sasDom.insertBefore(documentFragment, credit);
document.body.appendChild(documentFragment);
私は別の投稿で良いレンジウォーカーの提案を得ましたが、間違った質問をしたことに気づきました。範囲についての回答を得ましたが、私が尋ねるつもりだったのはドキュメントフラグメントでした(またはフラグメントの範囲を設定する方法がありますか?hrmmm)。提供されたウォーカーは次のとおりです。
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");
});
そのウォーカーコードは次の場所から削除されます。フラグメントの範囲内のノードからすべてのID属性を削除する
ライブラリ(つまりjQuery)は使用しないでください。私はこれを生の方法でやりたいです。よろしくお願いします