Javascript Onclick 滚动和突出显示示例

Question

基本上，我正在尝试制作一个具有 onclick 的按钮，当单击该按钮时，该按钮将单击，并且每次单击都会滚动到另一个字符或字符串。字符或字符串应突出显示并滚动到下一个。我无法执行工作代码。我尝试了不同的尝试。如果我的错误，请给我举个例子。

我是 JavaScript 的初学者。另外，我使用的是纯 JavaScript。

var newclicks = document.getElementById('aclick');
newclicks.addEventListener('click', function() {
      for (var x = 0; 0 < document.length; x++) {
        if (str[0] == str2[0]) {
          var both = true;
          click.parentNode.style.backgroundColor = '#FF9900';
          var scrollLocation = str.location.toString();
          document.location = scrollLocation;
        }
      }

Answer 1

检查示例片段，我希望这就是您正在研究的内容。如果您需要任何更改或更新，请发表评论；

var newclicks = document.getElementById('aclick');
var str = document.getElementsByTagName('p')[0].innerText;
var length = str.split(/\s/).length;
var count = 0;
newclicks.addEventListener('click', function() {
  if(count < length){
   var temp = str.split(/\s/);
   temp[count] = '<span style= "background-color: yellow">'+temp[count]+'</span>';
   document.getElementsByTagName('p')[0].innerHTML = temp.join(' ');
    count++;
  }else{
    var temp = str.split(/\s/);
   temp[0] = '<span style= "background-color: yellow">'+temp[0]+'</span>';
   document.getElementsByTagName('p')[0].innerHTML = temp.join(' ');
    count = 1;
  }
})

<p> This is a sample test code</p>
<button id="aclick"> Highlight</button>