我嘗試careerPoints使用 JavaScript選擇類，但是當我輸入 querySelectorAll 時，我得到“未定義”。此外，當我輸入 querySelector 時，我只能得到回圈中的第一個元素。
這是我的代碼：
<body>
<h1>Hi</h1>
{%for x in range(0, 16)%}
<ul>
<li scope="row"><p>Name:</p> {{dataName[x]['firstName']}} {{dataName[x]['lastName']}}</li>
<li class="points"><p>Career Points</p><p class="careerPoints">{{dataName[x]['careerPoints']}}</p> </li>
<li class="numbers"><img width="100px" src="{{dataName[x]['headShotUrl']}}" alt="{{dataName[x]['firstName']}} {{dataName[x]['lastName']}}"></li>
<li class="numbers"><p>Height</p> {{dataName[x]['height']}}</li>
</ul>
{%endfor%}
<script>
var elements = document.querySelectorAll("careerPoints").text;
console.log(elements);
</script>
</body>
uj5u.com熱心網友回復：
應該是querySelectorAll(".careerPoints")。
querySelectorAll使用 CSS 選擇器。在這種情況下.選擇類。#例如，將選擇 id。
另一個問題是這個（.為了方便，我添加了）。
var elements = document.querySelectorAll(".careerPoints").text;
querySelectorAll回傳一個節點串列，因此您不能只從中選擇文本，因為節點串列上沒有文本屬性（注意：根本沒有text屬性）。您需要遍歷節點串列，然后從每個元素中選擇textContent（或innerText行為略有不同）。這是一個forEach用于將文本記錄到控制臺的小示例。
const elements = document.querySelectorAll(".careerPoints");
elements.forEach(element => console.log(element.textContent));
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/341046.html
標籤：javascript html 循环 查询选择器 标签名称