javascript - getElementById导致空

我想知道是否有人可以解释为什么spanValue属性在这种情况下为null。基本上，我试图在exampleSpan中提取文本并将其分配给变量“ spanValue”。完成此操作后，我将使用jQuery定位类为“ testClass”的输入框，并为该输入框分配占位符属性和值“ spanValue”。

<span id="exampleSpan" style="display:none;">bla-bla</span>

        var spanValue = document.getElementById('exampleSpan'.value);
        jQuery(".testClass").attr("placeholder", spanValue);

我一直在测试带有以下行的警报弹出窗口，并且该窗口会正确返回该值。我猜测这与我将spanValue分配给exampleSpan的值的方式有关-它是复制位置而不是复制值，因此是否为null？任何解释和示例代码将不胜感激。

    alert(document.getElementById('exampleSpan').innerHTML);

最佳答案

)放错了位置，首先需要使用get元素。由于元素是SPAN，因此没有value属性，因此请使用textContent属性

var spanElement = document.getElementById('exampleSpan');
var spanValue = spanElement .textContent;

使用jQuery

//To get the text
var spanValue = $('#exampleSpan').text();

//To get the HTML
var spanValue = $('#exampleSpan').html();