类型错误：this.$E_0.getElementsByTagName 不是函数

Question

我正在尝试在 sharepoint 2010 中创建模式对话框，但收到此错误：

TypeError: this.$E_0.getElementsByTagName is not a function

我的代码是：

var options = SP.UI.$create_DialogOptions();
options.html = '<div class="ExternalClass23FFBC76391C4EA5A86FC05D3D9A1904"><p>RedConnect is now available.​</p></div>';
options.width = 700;
options.height = 700;
SP.UI.ModalDialog.showModalDialog(options);

使用 firebug，我尝试简单地使用 url 字段而不是 html 字段，并且没有给出错误。

也与此相关，SP.UI.$create_DialogOptions() 实际上做了什么？使用它和简单地使用值字典作为您的选项有什么区别？

Answer 1

options.html 需要 HTML DOM 元素而不是纯 HTML 代码：

<script>

  function ShowDialog()
  {
    var htmlElement = document.createElement('p');

    var helloWorldNode = document.createTextNode('Hello world!');
    htmlElement.appendChild(helloWorldNode);

    var options = {
        html: htmlElement,
        autoSize:true,
        allowMaximize:true,
        title: 'Test dialog',
        showClose: true,
    };

    var dialog = SP.UI.ModalDialog.showModalDialog(options);
  }

</script>

<a href="javascript:ShowDialog()">Boo</a>

示例代码取自博客文章 在 SharePoint 对话框中呈现 html 需要 DOM 元素而不是字符串。

也与此相关，SP.UI.$create_DialogOptions() 实际上做了什么？使用它和简单地使用值字典作为选项有什么区别

当您查看 SP.UI 文件中的 SP.UI.DialogOptions “类”的定义时。 Dialog.debug.js 你会看到它是一个空的 javascript 函数。

SP.UI.DialogOptions = function() {}
SP.UI.$create_DialogOptions = function() {ULSTYE:;
    return new SP.UI.DialogOptions();
}

我的猜测是它是为了客户端诊断目的而存在的。看看这个问题：这段 Javascript 代码是做什么的？