Question

需要从40.78获取值<span>并将其存储在<span id ="test">中。

尝试以下代码。但无法找出问题所在。进入控制台的错误是：

未捕获的ReferenceError：未定义div 。

任何帮助将不胜感激。

var span = div.getElementsByTagName("span");
var test = document.getElementById('test');
console.log(test.innerHTML = span.innerHTML);

<span>40.78</span>
<span id="test"></span>

Answer 1

div在代码中的任何位置均未定义。请改用document。

getElementsByTagName()返回集合，您必须使用索引。我还将建议您在处理纯文本内容时使用textContent而不是innerHTML：

<html>
  <body>
   <div>
    <span>40.78</span>
   </div>
    <span id = "test"></span>
     <script>
      var span = document.getElementsByTagName("span")[0];
      var test = document.getElementById( 'test' );
      test.textContent = span.textContent;
      console.log(test.textContent);
     </script>
 </body>
</html>

Answer 2

该错误表明未定义，您也未在任何地方定义它。

如果要使用它，则需要对其进行定义。

例如

var div = document.querySelector('div');

重新编辑。

以上答案中的解决方案不适用于已编辑代码。不再清楚您期望div变量（仍未声明）表示什么。

如何将一个span标签内的文本转换为另一个span标签？

2 个答案: