Question

我正在尝试在两个li标签之间获取价值，但是不幸的是，这是在说我的未定义。

详细来说，我想要一个脚本，该脚本会自动单击下一页并获取您的当前页面（在linkedin页面上）

这就是我们的DOM最初的样子

<li class="page-list">
      <ol>
            <li class="active">1</li>
            <li><button data-ember-action="" data-ember-action-2354="2354">2</button></li>
            <li><button data-ember-action="" data-ember-action-2356="2356">3</button></li>
            <li><button data-ember-action="" data-ember-action-2358="2358">4</button></li>
            <li><button data-ember-action="" data-ember-action-2360="2360">5</button></li>
            <li><button data-ember-action="" data-ember-action-2362="2362">6</button></li>
            <li><button data-ember-action="" data-ember-action-2364="2364">7</button></li>
            <li><button data-ember-action="" data-ember-action-2366="2366">8</button></li>
            <li><button data-ember-action="" data-ember-action-2368="2368">9</button></li>
            <li><button data-ember-action="" data-ember-action-2370="2370">10</button></li>
      </ol>
    </li>

现在要选择嵌套的东西，我正在做这样的事情

`var x = document.getElementsByClassName("page-list")[0];`

console.log上x的值与上面粘贴的值相同

然后我要做类似的事情以选择活动班级

x = x.querySelector('li[class="active"]')

此控制台对此进行记录

<li class="active">1</li>

现在在这里我要获得值1，在chrome的inspect元素上，而在linkedin页面上（用于模拟事件），我尝试了

currentPageValue = x.querySelector('li[class="active"]').value;
currentPageValue = x.getElementsByClassName('active')[0].innerHTML

这些引发错误，表明无法读取null的属性值/ InnerHTML。

currentPageValue = x.getElementsByClassName('active').value

这显示了null（以及许多其他东西）的值

我想在这里拥有的是

中的整数值（此处为1）

<li class="active">1</li>

任何人都可以帮助我知道如何获得这一价值吗？

Answer 1

document.querySelector('.page-list li.active').textContent应该可以解决问题。前提是在DOM准备就绪时调用它。

或var menu = document.querySelector('.page-list); menu.querySelector('li.active')

var menu = document.querySelector('.page-list');

console.log(
  document.querySelector('.page-list li.active').textContent,
  menu.querySelector('li.active').textContent
)

<li class="page-list">
  <ol>
    <li class="active">1</li>
    <li><button data-ember-action="" data-ember-action-2354="2354">2</button></li>
    <li><button data-ember-action="" data-ember-action-2356="2356">3</button></li>
    <li><button data-ember-action="" data-ember-action-2358="2358">4</button></li>
    <li><button data-ember-action="" data-ember-action-2360="2360">5</button></li>
    <li><button data-ember-action="" data-ember-action-2362="2362">6</button></li>
    <li><button data-ember-action="" data-ember-action-2364="2364">7</button></li>
    <li><button data-ember-action="" data-ember-action-2366="2366">8</button></li>
    <li><button data-ember-action="" data-ember-action-2368="2368">9</button></li>
    <li><button data-ember-action="" data-ember-action-2370="2370">10</button></li>
  </ol>
</li>

li标签之间无法获取价值

1 个答案: