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>

Javascript Onclick滚动并突出显示示例

1 个答案: