如何掃描<span>頁面的</span>所有<span>標簽並獲取或設置內容？</span>

Question

我有下面的代碼，該代碼掃描頁面的所有<input>標記，然后您可以設置該標記的值。

 var input = document.getElementsByTagName('input'); for (var i = 0; i < input.length; i++) { input[i].value = "123"; } 

現在，如何使用<span>標記執行同樣的操作，我已經知道該標記沒有名為value的屬性？

Answer 1

只需使用以下內容：

 var spans = document.getElementsByTagName('span'); for (var i = 0; i < spans.length; i++) { var text = spans[i].innerHTML; if (text.length == 0) { spans[i].innerHTML = i; //Some text } } 

Answer 2

您可以使用Node.textContent來設置span內的文本：

 var input = document.getElementsByTagName('span'); for (var i = 0; i < input.length; i++) { input[i].textContent = "123"; } 

 <span></span> <span></span> <span></span> <span></span> <span></span> 

Answer 3

您的問題有些令人困惑，但我會給出最佳答案：

只需將您的代碼用作輸入，然后更改一些關鍵組件即可：

var span = document.getElementsByTagName('span');//Replace "input" with "span"

for (var i = 0; i < span.length; i++) {//Again, replacing "input" with "span"

  var textInsideTheSpan = span[i].textContent;//Reading text inside span
  span[i].textContent = "Your text here";//Writing text to the span

}

關鍵在.textContent ，它是javascript Node對象的屬性，可以根據您的應用程序對其進行讀寫。 其他所有內容都只是用“ span”代替了“ input”。