getElementById导致null

Question

我想知道是否有人能解释为什么在这种情况下spanValue属性为null。基本上我试图在 exampleSpan 中提取文本并将其分配给变量＆＃34; spanValue＆＃34; 。完成后，我使用jQuery找到一个带有＆＃34; testClass＆＃34;类的输入框，并为该输入框分配占位符属性和＆＃34; spanValue＆＃34; < / em>的

<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

你错位了一个人。

var spanValue = document.getElementById('exampleSpan'.value);

.value用于输入，而不是跨度;你需要.textContent。

所以它应该是：

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

Answer 2

错位)，首先你需要使用get元素。由于元素是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();

Answer 3

应该是这样的

在Javascript中：

var spanValue = document.getElementById('exampleSpan').innerHTML;

在Jquery中：

var spanValue = $('#exampleSpan').html();

Answer 4

这应该有效

LC_ALL=C awk 'FNR==NR{hash[$1]; next}{for (i in hash) if (match($0,i)) {print; break}}' file1.txt FS='|' file2.txt