私はHTMLのブロックを持っているのjavascript

Question

とHTMLブロックの親ノードを取得します。だから、このコードの私の選択がある：私は（selHTML）を警告するとき

sel = parent.document.getElementById('frame').contentWindow.document.getSelection(); 
var range = sel.getRangeAt (0); 
var docFragment = range.cloneContents(); 
var tmpDiv = document.createElement ("div"); 
tmpDiv.appendChild (docFragment); 
selHTML = tmpDiv.innerHTML; 

はので、私は物乞いに書いスパンでコードを取得します。しかし、このHTMLはdivで囲まれています。 このdivはどのように入手できますか？

私はそれを必要とするので、手動でexecCommandを作成する必要があります。 firefoxではexecCommandを使用していますが、選択が適切に行われていないため、正常に動作していないため、既にdivのtext-alignを変更する代わりに、新しいdivが追加されます。事前に

おかげで

Answer 1

私はあなたがdiv要素とその内容のすべてを含める必要がありouterHTMLを、したいと思います。

selHTML = tmpDiv.outerHTML; 

それとも

sel = parent.document.getElementById('frame') 
    .contentWindow.document.getSelection(); 

var range = sel.getRangeAt (0); 
var docFragment = range.cloneContents(); 
var tmpDiv1 = document.createElement("div"); 
var tmpDiv2 = document.createElement('div'); 
tmpDiv2.appendChild (docFragment); 
tmpDiv1.appendChild(tmpDiv2); 
selHTML = tmpDiv1.innerHTML; 

Answer 2

あなたはsetHTML.parentNodeを試してみましたか？

Answer 3

Firefoxでは、commonAncestorContainerの範囲のプロパティを使用できます。したがってあなたの場合：

var range = sel.getRangeAt(0); 
var container = range.commonAncestorContainer; 

if (container && container.tagName === "div" && container.style.textAlign) { 
    // it's a div tag with an inline style text-align prop 

    // you can also modify the container directly: 
    container.style.textAlign = "center"; 
}