如何将 html 页面的标题插入到锚标记的文本中？ [关闭]答案

【问题标题】：How to insert title of a html page into the text of an anchor tag? [closed]如何将 html 页面的标题插入到锚标记的文本中？ [关闭]
【发布时间】：2016-11-29 17:09:07
【问题描述】：

我正在使用 CMS 并在页面包装器中创建一个面包屑，该页面包装器将应用于多个页面，而我想做的是

将正在查看的页面的<title>插入到面包屑中，每个页面的面包屑都会动态变化。

不幸的是，CMS 的内部内置函数不允许我简单地插入 [[S80:frID]]，它会动态提取页面 ID。

我必须手动输入页面 ID #，然后删除动态方面。所以我想求助于Javascript

我确定我可以通过以下方式检索标题：

<script>
 $(document).ready(function() {
   var pgTitle = document.title;

   $("#pullTitle").text(" " + pgTitle);

 });
</script>

但是我将如何将其插入到锚标记的文本中：

<a id="#pullTitle" href="internalpage">  </a>

我在上面尝试过的没有任何作用。如果有人有任何建议，我将不胜感激。

谢谢！

【问题讨论】：

你使用 jQuery 的text() 函数是okay。现在，如果面包屑是动态创建的，则可能是在 $(document).ready 上不可用，或者重复 ID 的问题（如 Devin D 所建议）

标签： javascript html

【解决方案1】：

尝试： $("#pullTitle").html(" " + pgTitle);

这将导致：

&lt;a id="pullTitle" href="internalpage"&gt;<b><i>page title appears here</i></b>&lt;/a&gt;

【讨论】：

# 代表一个 id 选择器，它不必是 id 的一部分。 ID 应该是 pullTitle 而不是 #pullTitle
@Manish：在我更正时收到了您的评论 :-)。谢谢你的收获。

【解决方案2】：

我认为问题只是锚 ID 中的 #。 jquery 选择器中的 # 告诉它查看元素 ID（而不是 . 用于类）

如果你删除它应该可以工作！

【讨论】：

哦，伙计，我一直在做所有我能想到的与 javascript/jquery 相关的事情，但我什至没有想到它是锚标签中的 #，哈哈，谢谢 Devin，它终于可以工作了！跨度>

【解决方案3】：

您可以在 javascript 中用 2 行代码实现此目的：

var titleBreadcrumb = document.getElementById('pullTitle');
titleBreadcrumb.textContent = document.title;

如果你愿意，甚至可以只写一行：

document.getElementById('pullTitle').textContent = document.title;

【讨论】：

【解决方案4】：

您已在锚标记 ID 中添加了 # 字符。这就是它不工作的原因。

https://jsfiddle.net/asimshahiddIT/a7w4yLd4/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<title>Hello World</title>

<script>
$(document).ready(function() {
   var pgTitle = $('title').text();

   $("#pullTitle").text(pgTitle);

 });
  </script>
<body>
<a id="pullTitle" href="internalpage">test  </a>
</body>

【讨论】：

【解决方案5】：

您可以使用以下任何一种： 1. $("#pullTitle").html(" " + pgTitle);要么 2. var titleBreadcrumb = document.getElementById('pullTitle'); titleBreadcrumb.textContent = document.title;

【讨论】：