Office 365、Sharepoint、Html <h1> 内容列表答案

【问题标题】：Office 365, Sharepoint, List of Html <h1> contentsOffice 365、Sharepoint、Html <h1> 内容列表
【发布时间】：2015-03-19 20:23:02
【问题描述】：

我是 Sharepoint (365) 的新手，并尝试制作一些 Wiki 网页。但是没有像 Wikipedia 或 Mediawiki 这样的内容概述。由于 Sharepoint 不了解 PHP，我尝试在 Javascript 中创建一些内容菜单。

当我将 Javascript 添加到当前网页的源代码中时，sharepoint 会删除它并显示一些警告信息。警告要我使用 webpart 选项。

现在我已经在 Webpart 中添加了 js 代码，但看起来该脚本无法执行我想要的操作，因为它未包含在站点 HTML 中。

当我用一些 alert("test"); 测试 js 代码时；我有反应。但是当我尝试使用 document.getElementsByTagName('h2'); 获取一些 html 内容时它什么都不做。

Javascript 是通过查找 html 的“h1”标签来制作一些“内容”概览的正确方法吗？通常我会使用 PHP，但 Sharepoint 不知道该语言。 Sharepoint 的服务器端语言是什么？

【问题讨论】：

我修改了我的答案，使用这个脚本，它会工作。

标签： javascript html sharepoint webpage office365

【解决方案1】：

是的，您可以使用 Content Editor Webpart 添加您的 javascript。

添加Content Editor Webpart的步骤

编辑该页面
单击添加 WebPart
选择媒体和内容

像这样修改你的脚本：-

    <script type ="text/javascript">
window.onload=function()
{
 var getbyid = document.getElementById("mydiv1");
 alert(getbyid.getElementsByTagName("h1")[0].firstChild.data); 
};
</script>
<div id="mydiv1"> 
<h1>Heading 1</h1> 
<p>Some text for Heading 1.</p> 
<h2>Heading 2</h2> 
<p>Some text for Heading 2.</p>
</div>

【讨论】：

感谢您的回答。我现在添加了新的 Webpart 内容编辑器，但我无法获取 html 信息。我在 Webpart 和外部包含
文本。然后当我尝试 alert(document.getElementsByTagName("h1")[0].firstChild.data);我在这里看不到任何内容。但是代码应该可以工作...jsfiddle.net/1hkg3t7x
@user3772108 这样写你的javascript window.onload = function () { alert(document.getElementsByTagName("h1")[0].firstChild.data);};
这是我包含在 Webpart 中的完整代码：
标题 1

标题 1 的文本。

标题 2 h2>

标题 2 的文本。
@user3772108 我已经编辑了我的答案，请在您的内容编辑器 webpart 中使用此脚本。
Sharepoint 执行 Javascript，我看到一条空警告消息。但警告应显示 h1 内容（例如“标题 1”）。

文本。然后当我尝试 alert(document.getElementsByTagName("h1")[0].firstChild.data);我在这里看不到任何内容。但是代码应该可以工作...jsfiddle.net/1hkg3t7x

标题 1

标题 2 h2>