通过类名自动链接多个元素

时间:2019-05-20 11:36:38

标签: javascript html dom

通过使用此代码示例,我设法在自己的网站上实现了自动链接器脚本,该示例可从Autolinker.js documentation

获得。
<script src="https://cdnjs.cloudflare.com/ajax/libs/autolinker/1.4.3/Autolinker.min.js"> 

    

var myTextEl = document.getElementById( 'description' );
myTextEl.innerHTML = Autolinker.link( myTextEl.innerHTML );

我想要的

但是,现在,我想在同一页面上的多个位置使用脚本。 类名是.description 在此问题上的链接文档不清楚或超出我的js技能。请帮助我解决这个问题。

如果可能的话,我更喜欢使用脚本的3.0版本。谢谢。

1 个答案:

答案 0 :(得分:1)

也许是这样?

const descriptions = document.querySelectorAll('.description')
descriptions.forEach(x => {
  x.innerHTML = Autolinker.link(x.innerHTML)
})