Сета Jsp элемент с помощью document.getElementById

Question

Как установить Jsp значение переменной из document.getElementById

Мой HTML элемент

<span id="noOfRecPerPage" style="display: none;">${pulseDetails.noOfRecPerpage}</span> 

Я хочу, чтобы установить значение нравится ниже, но не работает

<c:set var="noOfRecPerPage" value="${document.getElementById('noOfRecPerPage').innerHTML}"/> 

<c:set var="noOfRecPerPage" value="<script>document.getElementById('noOfRecPerPage').innerHTML</script>"/> 

<c:set var="noOfRecPerPage" value="document.getElementById('noOfRecPerPage').innerHTML"/> 

<c:set var="noOfRecPerPage" value="<script>document.getElementById('noOfRecPerPage').value</script>"/> 

<c:set var="noOfRecPerPage" value="${document.getElementById('noOfRecPerPage').value}"/> 

Answer 1

Не смешивайте EL (серверный код) и JQuery/Javascript (клиенты). Как я объяснил здесь: https://stackoverflow.com/a/41382210/1107653
Вы не можете использовать<c:set> со значением javascript code.

1. Язык выражения оценивается на сервере при компиляции JSP в сервлет.
2. Сервлет генерирует ответ: html + javascript и отправляет его обратно в браузер.
3. Браузер оценивает Javascript.

Что вы можете сделать:

На стороне сервера:

Вы можете использовать содержимое элемента: ${pulseDetails.noOfRecPerpage} непосредственно:

<c:set var="noOfRecPerPage" value="${pulseDetails.noOfRecPerpage}"> 

Или сделать некоторые подготовка к javascript:

<script> 
    var noOfRecPerPage= "${pulseDetails.noOfRecPerpage}"; 
</script> 

И используйте его непосредственно в других частях кода Javascript.

или на стороне клиента:

Просто использовать только JavaScript для получения доступа к Element:

<script> 
    var noOfRecPerPage = document.getElementById('noOfRecPerPage').innerHTML; 
</script>