如何扫描<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”。