检查 DocumentFragment 是否为普通节点
Check if DocumentFragment is a normal Node
我一直认为我的问题很简单,但在花了一些时间搜索后我找不到满意的解决方案。
我有一个 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>
该函数应该 return 跨越对象。
但对于像这样的片段:
Some text<span>Test</span>
它应该 return 未定义。
你可以得到 documentFragment
的子元素,如果 length
是 1 而它的 nodeType == 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 ) )
我一直认为我的问题很简单,但在花了一些时间搜索后我找不到满意的解决方案。
我有一个 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>
该函数应该 return 跨越对象。
但对于像这样的片段:
Some text<span>Test</span>
它应该 return 未定义。
你可以得到 documentFragment
的子元素,如果 length
是 1 而它的 nodeType == 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 ) )