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”。

如何扫描页面的所有<span>标签并获取或设置内容？

3 个答案: