js中如何往iframe中添加一个div
日期：2014-05-18 浏览次数：21053 次
js中怎么往iframe中添加一个div
<iframe id="showValue" style="width: 400px; height: 95px; border: 0px; solid: #000;"
src="about:blank"></iframe>
<script type="text/javascript">
window.onload = function () {
document.getElementById("showValue").contentWindow.document.designMode = "on";
document.getElementById("showValue").contentWindow.document.contentEditable = true;
}
</script>
如何往iframe中添加一个div,并且给div赋一个id值
------解决方案--------------------
<iframe id="showValue" style="width: 400px; height: 95px; border: 0px; solid: #000;"
src="about:blank"></iframe>
<script type="text/javascript">
window.onload = function () {
document.getElementById("showValue").contentWindow.document.designMode = "on";
document.getElementById("showValue").contentWindow.document.contentEditable = true;
}
</script>
如何往iframe中添加一个div,并且给div赋一个id值
------解决方案--------------------
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<iframe id="showValue" style="width: 400px; height: 400px; border: 0px; solid: #000;" src="about:blank"></iframe>
<script type="text/javascript">
window.onload = function () {
document.getElementById("showValue").contentWindow.document.designMode = "on";
document.getElementById("showValue").contentWindow.document.contentEditable = true;
var div = document.createElement("DIV");
div.id = "divName";
div.innerHTML = "我在这里了哈";
div.style.cssText = "border:1px solid #ccc;height:200px;width:200px;color:red;";
document.getElementById("showValue").contentWindow.document.appendChild(div);
}
</script>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
