javascript - 如何使用 Javascript 获取 POST 请求填充的元素的值？

Question

我正在构建一个 HTML 页面，该页面使用以下代码从另一个页面接收数据

$arrayPosition = $_POST['arrayPosition'];
echo '<span id = "arrayPosition">'.$arrayPosition.'</span>';

然后我尝试使用 javascript 获取元素的值并将其传递给具有以下代码的函数

var initialPosition = document.getElementById('arrayPosition').value;

function displayWork(position){
$("#displayArtwork").detach()
                    .append(holdImages[position])
                    .hide()
                    .fadeIn("fast");
}

当我向屏幕发出初始位置的值时，它告诉我它的值是 null，但是，当我检查元素时，它看起来像这样

<span id="arrayPosition">4</span>

我是否犯了一些非常愚蠢的错误，或者误解了访问此发布数据的方式？

感谢您的帮助!

Answer 1

由于arrayPosition是一个span，它没有值。您可以获取其innerHTML:

var initialPosition = document.getElementById('arrayPosition').innerHTML;

或者使用 jQuery:

var initialPosition = $('#arrayPosition').text();