操作iframe里面的标签内容
生活随笔
收集整理的這篇文章主要介紹了
操作iframe里面的标签内容
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
1.在iframe的body里添加內容
$("iframe").contents().find("body").html('內容');
contents()的api:查找匹配元素內部所有的子節點(包括文本節點)。如果元素是一個iframe,則查找文檔內容
2.替換整個iframe標簽里面的內容,包括頭部,body等。
比如在去一個文本域里面的html 轉化為 可視界面,這時候,我們可以把文本域里面的整個html值放到一個新建的iframe里面:
html:
<textarea name="content" id="content" rows=30 style="width:800px"> </textarea> <iframe id="myedit" width="800" height="450" src="about:blank" style="padding:0px;display:none;" charset="utf-8"></iframe>
$("iframe").contents().find("body").html('內容');
contents()的api:查找匹配元素內部所有的子節點(包括文本節點)。如果元素是一個iframe,則查找文檔內容
2.替換整個iframe標簽里面的內容,包括頭部,body等。
比如在去一個文本域里面的html 轉化為 可視界面,這時候,我們可以把文本域里面的整個html值放到一個新建的iframe里面:
html:
<textarea name="content" id="content" rows=30 style="width:800px"> </textarea> <iframe id="myedit" width="800" height="450" src="about:blank" style="padding:0px;display:none;" charset="utf-8"></iframe>
js:
var bianji=document.getElementById("myedit").contentWindow; var txt1 = document.getElementById("content").value; bianji.document.write(txt1); bianji.document.close();對于contentWindow的兼容性,表示親測,無誤。
?轉載于:https://www.cnblogs.com/yesw/p/4142884.html
總結
以上是生活随笔為你收集整理的操作iframe里面的标签内容的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: HDU 5119 Happy Matt
- 下一篇: 一、创建线程