如何使用Javascript从rel=canonical标签获取URL

Question

我正在使用Disqus评论系统，我正在尝试使用添加评论计数链接的功能。

我可以使用的代码如下:

<span class="disqus-comment-count" data-disqus-url="http://example.com/article1.html">Comments</span>

这就是我有问题的地方。事情是我有几百个页面，所以编辑data-disqus-url值为每一个html页面将需要很长时间和不可行的。是否有一些Javascript代码将动态输入我的规范url的data- disquus -url值?

我不能使用php代码，因为我使用html文件，但我有SSI启用，因为我需要使用包含方便的模板管理。此外，我所有的html页面已经有一个唯一的元标签rel="canonical"。我只需要一些Javascript代码，用我的规范url标记中指示的值填充data- disquus -url值。这可能吗?

更新所以我有这样的代码:

const commentCount = document.querySelectorAll('.disqus-comment-count');
commentCount.forEach(item => {
item.setAttribute('data-disqus-url', (document.querySelector('[rel=canonical]').getAttribute('href'));
})

<p><span class="disqus-comment-count" data-disqus-url="">Comments</span></p>

但是它不起作用。也许我做错了。对不起，我不太懂Javascript代码。如果您能提供完整的代码，我将不胜感激。

Answer 1

你可以使用setAttribute来更新你的Url值

const commentCount = document.querySelectorAll('.disqus-comment-count');
commentCount.forEach(item => {
item.setAttribute('data-disqus-url', 'https://google.com');
})

<span class="disqus-comment-count" data-disqus-url="http://example.com/article1.html">Comments</span>