DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JavaScript操作選擇對象的簡單實例
JavaScript操作選擇對象的簡單實例
編輯:關於JavaScript     

JavaScript操作選擇對象的簡單實例

//替換選中文本內容,參數text為要替換的內容
function SetSelectionText(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內容, 會替換選擇的內容.
  }
}

以上這篇JavaScript操作選擇對象的簡單實例就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved