JS滚动链接 - 使用linkify - 如何定位特定类

JS rolling link - using linkify - how to target a specific class?

本文关键字：定位 何定位 链接 滚动 使用 linkify JS      更新时间：2023-09-26

我在我的网站 http://jsfiddle.net/hakim/Ht6Ym/中使用此代码

var supports3DTransforms =  document.body.style['webkitPerspective'] !== undefined || 
                            document.body.style['MozPerspective'] !== undefined;
function linkify( selector ) {
  if( supports3DTransforms ) {
    var nodes = document.querySelectorAll( selector );
    for( var i = 0, len = nodes.length; i < len; i++ ) {
        var node = nodes[i];
        if( !node.className || !node.className.match( /roll/g ) ) {
            node.className += ' roll';
            node.innerHTML = '<span data-title="'+ node.text +'">' + node.innerHTML + '</span>';
        }
    };
  }
}
linkify( 'a' );

我不太擅长JS（相当新），但最后它针对所有<'a'>标签：

linkify( 'a' );

但是，这会更改此翻转效果的所有链接。无论如何，我可以针对一个特定的类 - 让我们称之为 .rolling - 以便只影响标头而不是其他链接？

你可以

这样做

linkify( 'h1 a' );

演示

如果要按类选择，可以使用.选择器

linkify('a.myClass');

演示

相关文章：