獲取html屬性值

Question

如何通過javascript獲取span值。 我得到了以下通過

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

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

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

Answer 1

您可以使用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>

參考：

• Document.querySelector()

---

如果大於 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>

參考：

• Document.querySelectorAll()
• Array.prototype.forEach()

Answer 2

您可以創建一個變量來獲取元素：

var list = document.getElementsByClassName("breadcrumb-item")[0];

var spanVal = list.getElementsByTagName("span")[0].innerHTML;

控制台日志（spanVal）；