时间戳

首页 > 解决方案 > 获取html属性值

javascript - 获取html属性值

问题描述

如何通过javascript获取跨度值。我通过了以下

document.getElementsByClassName("breadcrumb-item")[1]

我想获得跨度值。如何使用 javascript 获取它。

<li class="breadcrumb-item">
       <a href="@crumbUrl">
         <span>
           @Html.Raw(breadcrumb.Name)
         </span>
       </a>
    </li>

标签： javascript

解决方案

你可以querySelector像这样使用：

console.log(document.querySelector('.breadcrumb-item > a > span').innerHTML);
<ul>
  <li class="breadcrumb-item">
    <a href="@crumbUrl">
      <span>
        value   <!--@Html.Raw(breadcrumb.Name)-->
      </span>
    </a>
  </li>
</ul>

参考：

如果大于 1

document.querySelectorAll('.breadcrumb-item > a > span').forEach(el =>{
  console.log(el.innerHTML);
});
<ul>
  <li class="breadcrumb-item">
    <a href="@crumbUrl">
      <span>
        value   <!--@Html.Raw(breadcrumb.Name)-->
      </span>
    </a>
  </li>
   <li class="breadcrumb-item">
    <a href="@crumbUrl">
      <span>
        value2   <!--@Html.Raw(breadcrumb.Name)-->
      </span>
    </a>
  </li>
</ul>

参考：

推荐阅读