javascript 선택 영역 selection 의 텍스트 교체 및 삽입 방식
// , text
function repaceSelectionText(text) {
// IE
if (window.getSelection) {
var sel = window.getSelection();
alert(sel.rangeCount); // , 1 .
sel.deleteFromDocument(); //
var r = sel.getRangeAt(0); // deleteFromDocument(), .
var selFrag = r.cloneContents(); //
var frag = selFrag.childNodes; // deleteFromDocument(), 0
for (var i = 0; i < frag.length; i++) {
alert(frag[i].nodeName); //
}
var h1 = document.createElement('H1'); //
h1.innerHTML = text; //
r.insertNode(h1); // , , , , deleteFromDocument() .
}
else if (document.selection && document.selection.createRange) {
//IE
var sel = document.selection.createRange(); //
alert(sel.htmlText); // html .
sel.pasteHTML('<h1> </h1>'); // html , .
}
}
2. 텍스트 삽입
function insertSelectionText(html)
{
if(document.selection && document.selection.createRange)
{
/**** IE , **************/
document.selection.createRange().pasteHTML(html);
}else{
var selection = document.getSelection();
var range;
if (selection)
{
range = selection.getRangeAt(0);
}else {
range = iframeDocument.createRange();
}
var oFragment = range.createContextualFragment(html),
oLastNode = oFragment.lastChild ;
range.insertNode(oFragment) ;
range.setEndAfter(oLastNode ) ;
range.setStartAfter(oLastNode );
selection.removeAllRanges();//
selection.addRange(range);
}
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
JavaScript DOM 조작③ 「태그명을 키로 요소를 취득」이 기사에서는 JavaScript DOM 작업 "태그 이름을 키로 요소 가져오기" 에 대해 설명한다. 역할 HTML 내의 지정된 태그명을 가지는 요소를 취득하는 메소드 구문 구문은 다음과 같다. index.js 보충...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.