javascript - getElementById 结果为 null

Question

我想知道是否有人可以解释为什么在这种情况下 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 的值的方式有关 - 它是否复制位置而不是值，因此为空？任何解释和示例代码将不胜感激。

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

Answer 1

放错了)，首先需要使用获取元素。由于该元素是 SPAN 它没有 value 属性，因此使用 textContent属性(property)

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();