请问下怎么把带有active标签的项目显示到顶部的标题处

发布于 2022-09-12 13:00:55 字数 575 浏览 11 评论 0

<ul>
<li class="li_01">

<div class="select"><span>标题</span>
  <dl>
    <dd>选项一</dd>
    <dd class="active">选项二</dd>
    <dd>选项三</dd>
  </dl>
</div>

</li>

<li class="li_02">

<div class="select"><span>标题</span>
  <dl>
    <dd>选项一</dd>
    <dd>选项二</dd>
    <dd class="active">选项三</dd>
  </dl>
</div>

</li>
</ul>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

梨涡 2022-09-19 13:00:55

获取类名为active的dom的文本值:
var activeText = document.querySelector('.li_01 .select dl .active').innerText
获取<span>标题</span>的dom并赋值:
document.querySelector('.li_01 .select span').innerText = activeText
li_02同理

病毒体 2022-09-19 13:00:55

如果你说的是tab标签的title的话, 可以用 document.title 设置. 用选择器获取.active的内容将其赋值给document.title就行了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文