js 如何获取<a href="#" class="on subfolderstyle">車間資訊</a> 中的 車間資訊
时间: 2023-08-14 14:41:41 浏览: 36
你可以使用 JavaScript 的 DOM 操作来获取 `<a>` 元素中的文本内容。具体可以通过以下代码来获取 `<a>` 元素中的文本内容:
```javascript
var link = document.querySelector('a.on.subfolderstyle'); // 获取到指定的 <a> 元素
var text = link.textContent; // 获取到 <a> 元素中的文本内容
```
其中,`document.querySelector` 方法用于获取页面中第一个匹配指定 CSS 选择器的元素,`'a.on.subfolderstyle'` 是一个 CSS 选择器,用于获取 `class` 属性值中包含 `on` 和 `subfolderstyle` 的 `<a>` 元素。
获取到 `<a>` 元素之后,可以使用 `textContent` 属性来获取其文本内容,这个属性会返回元素中所有的文本内容,包括子元素的文本。如果要获取除了子元素的文本之外的纯文本内容,可以使用 `innerText` 属性。
相关问题
如何让<ul class="文字 nav navbar-nav "> <li><a href="#" class="active"><span>关于我们</span></a></li> <li><a href="#"><span>途欢健康</span></a></li> <li><a href="#"><span>价值聚焦</span></a></li> <li><a href="#"><span>联系我们</span></a></li> 右对齐 </ul>
可以在`<ul>`标签上添加`class="ml-auto"`来实现`<ul>`中的所有`<li>`右对齐。例如:
```
<ul class="文字 nav navbar-nav ml-auto">
<li><a href="#" class="active"><span>关于我们</span></a></li>
<li><a href="#"><span>途欢健康</span></a></li>
<li><a href="#"><span>价值聚焦</span></a></li>
<li><a href="#"><span>联系我们</span></a></li>
</ul>
```
在上面的代码中,`<ul>`标签添加了`ml-auto`类,从而实现了`<ul>`中的所有`<li>`右对齐。
<ul class="tab-list" data-features-nav2 data-nav> <li><a href="#all2-positions">总览</a></li> <li class="active"><a href="#oxford-positions">牛津</a></li> <li><a href="#basic-positions" class="__active">基础</a></li> <li><a href="#distribution-positions">分布</a></li> <li><a href="#exams-positions">真题</a></li> </ul>这是ankik卡片的代码,如何修改代码使得默认显示牛津而不是基础
您可以将 `<li class="active"><a href="#oxford-positions">牛津</a></li>` 中的 `class="active"` 移除,然后将 `<li><a href="#basic-positions" class="__active">基础</a></li>` 中的 `class="__active"` 修改为 `class="active"`。这样修改后的代码如下所示:
```
<ul class="tab-list" data-features-nav2 data-nav>
<li><a href="#all2-positions">总览</a></li>
<li class="active"><a href="#oxford-positions">牛津</a></li>
<li><a href="#basic-positions">基础</a></li>
<li><a href="#distribution-positions">分布</a></li>
<li><a href="#exams-positions">真题</a></li>
</ul>
```
这样修改后,页面加载时默认会显示牛津选项卡。