3

私の問題は非常に単純であると信じていましたが、検索に時間を費やした後、満足のいく解決策が見つかりません。

DocumentFragment 要素があり、HTML タグで完全にラップされているかどうかを確認したい。以下は、JavaScript に変換しようとしている疑似コードです。

entireTagSelected = function (selRange) {
  var documentFragment = selRange.cloneContents();
  if (documentFragment is wrapped entirely by something) {
    return something;
  }
  return undefined;
}

DocumentFragment の場合:

<span>Te<b>s</b>t</span>

関数はスパンオブジェクトを返す必要があります。

しかし、次のようなフラグメントの場合:

Some text<span>Test</span>

undefined を返す必要があります。

4

1 に答える 1

1

の子を取得できます。が 1documentFragmentの場合、それは単一の要素です。lengthnodeType == 1

function entireTagSelected (selRange) {
  var documentFragment = selRange.content
  var children = documentFragment.childNodes
  if ( children.length == 1 && children[0].nodeType == 1 ) 
    return children[0]
}


var template1 = document.createElement( 'template' )
template1.innerHTML = "<span>Te<b>s</b>t</span>"

var template2 = document.createElement( 'template' )
template2.innerHTML = "Some text<span>Test</span>"

var template3 = document.createElement( 'template' )
template3.innerHTML = "Only text"

console.log( entireTagSelected( template1 ) )
console.log( entireTagSelected( template2 ) )
console.log( entireTagSelected( template3 ) )

于 2016-09-25T01:39:43.907 に答える