如何在IE8中添加带有原型的contentEditabled div

Question

我有以下代码：

<form action="/fake" >
    <div id="root">
    </div>
</form>

<script type="text/javascript">
    var root = Element.extend($("root"));

    function addTextControl()
    {
      var textCtl = new Element('div', { 'contenteditable': 'true'}).update("Next page");
      root.appendChild(textCtl);
    };

    addTextControl();
</script>

它在FF和Chrome中完美运行，但在IE8中没有:-(。它有什么问题？

先感谢您

Answer 1

您认为这是套管问题吗？

试试这个：

new Element('div', { 'contentEditable': 'true'})...

注意contentEditable中的大写字母E。