为当前页面链接添加颜色

Question

我有一个html代码在

   render(){
    return { 
     return <div>
      return (

    <div style={{'margin-top':'1vh'}}>
      <ul className='pagination' style={{  display: 'flex', 'align-items': 'center', 'justify-content': 'center'}}>
        {pageNumbers.map(number => (
          <li key={number} className='page-item'>
            <a onClick={(event) => paginate(number, event)} className='page-link' id = 'cpageNumber' >
              {number}
            </a>
          </li>
        ))}
      </ul>
    </div>
  );
</div> } }

点击链接后，我重新加载页面，并从后端获得另外100个元素，在mozilla中，我尝试了document.queryselectorAll()，但在Chrome中它不起作用。

所有其他的css方法都不起作用，因为重新加载页面后，它们就消失了。

   document.addEventListener('readystatechange', (event) => {

   alert(document.querySelectorAll('fieldset').length) // returns 0
   })

window.onload也帮不上忙

页面加载后如何给当前页面链接上色？

Answer 1

如果我没理解错的话，您是在页面加载后获取分页项目，对吗？

如果是这种情况，则必须在获取分页信息后执行的回调中编写与当前页面突出显示相关的代码。

如果情况并非如此，并且您正在将分页项目作为超文本标记语言本身的一部分，那么您需要重新检查您的querySelector，可能是您正在进行查询。

如果您有任何进一步的查询，请粘贴获取分页信息和呈现元素的完整代码。