innerHTML在Firefox和Opera下的执行特例

日期：2006年12月16日作者：查看:[大字体中字体小字体]

是在CSDN论坛看到的一个问题，平常我也没有注意，或者说没有这样用吧。看代码：

以下是引用片段：
<body id="www.52joke.cn">
<script>
var foo = function() {
var $ = function() { return document.getElementById(arguments[0]); }
$("d2").innerHTML = $("d1").innerHTML;
}
//]]>
</script>
<h4>改动两个文本框里的值，把这个容器的innerHTML赋值给d2</h4>
<button onclick="foo()">foo()</button>
<div id="d1" style="color:red">
<input value='blog.never-online'/>
<input value=""/>
</div>
<div id="d2">
</div>
</body>

不是预期的结果吧？包括在Opera下执行的情况也是与Firefox下相同的，你可以尝试在Opera下运行就明白了。

如果能够得到我们预期的效果呢？我尝试着用__defineGetter__的方法在Mozilla下得到所有的innerHTML，在这里却给了我一些提示。比如：以下是引用片段：
<script type="text/javascript">

function elementDetail (e) {
if (!e.attributes) return "";
var attrs = e.attributes; var str = "<" + e.tagName;
for (var i=0; i<attrs.length; i++) {
    str += ' ' +attrs[i].name+ '="' +attrs[i].value+ '"';
}; str += ">";
return str;
}
function foo() {
var a = document.getElementById("d1");
var str = "";
for (var i=0; i<a.childNodes.length; i++) {
    var chld = a.childNodes[i];
    str += elementDetail(chld);
}
alert(str);
}

</script>

<h4>改动两个文本框里的值，把这个容器的innerHTML赋值给d2</h4>
<button onclick="foo()">foo()</button>
<div id="d1" style="color:red">
<input value='blog.never-online'/>
[1] [2] 下一页
innerHTML在Firefox和Opera下的执行特例相关文章：
·Illustrator传统风格名片设计实例
·AutoCAD造型实例：十字形螺丝刀头
·AutoCAD造型实例：一字形螺丝刀头
·Illustrator绘制精美三维图表实例
·CSS实例布局:上中下三行中间自适应
·交换机升级过程故障排除实例
·Photoshop扣图实例:用通道扣复杂图像
·Word邮件合并实例：批量制作有照片的工作证
·基本的页面设计元素布局比例
·利用iTextSharp生成Pdf一个小例子
innerHTML在Firefox和Opera下的执行特例相关软件
·图解风水100例
·判决案例全库v1.0
·大败笔:34个最新的营销失败案例分析
·水煮商人经商100例
·中文版Excel 2003实例与技巧
·科特勒营销案例
·美神--世界名画２００例
·vc实例
·vc-mfc编程实例
·创业经典案例

上一篇:Internet Explorer 7 评测（上篇）

下一篇:Photoshop基础教程：跟我学调色练习2-色调

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

innerHTML在Firefox和Opera下的执行特例

精品推荐

热点TOP10

特别推荐