從iframe獲取文本並設置範圍

Question

我必須在iframe中顯示的HTML文檔中更改部分文本的樣式。

我有一個json文件，其中應該修改文本的開始/結束/ id。

我的問題是我無法設置文本範圍。

var r = document.createRange(); 
var node = document.getElementById("file").contentWindow.document.getElementById("d1e152"); 
r.setStart(node, 0); 
r.setEnd(node, 12); 

文件是iframe的ID，而d1e152是段落的ID。 它返回「TypeError：Range.setStart的參數1不是一個對象。」 r.setStart（）行錯誤。

Answer 1

聽起來像node爲空。這可能是由於很多原因之一，但我猜你想在iframe完全加載之前檢索iframe中的元素，所以您需要等待使用window.setTimeout()或事件處理程序。

另一個不是你直接問題的問題是，在iframe的文檔而不是主文檔上創建範圍是一個好主意。根據the spec它應該沒關係，但我肯定在舊瀏覽器中看到問題。現在不記得具體細節。

var iframeDoc = document.getElementById("file").contentWindow.document; 
var r = iframeDoc.createRange(); 
var node = iframeDoc.getElementById("d1e152"); 
r.setStart(node, 0); 
r.setEnd(node, 12);