Satz jsp Element mit document.getElementById

Question

Wie jsp Variablenwert von document.getElementById einstellen

Mein HTML-Element ist

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

ich den Wert festlegen möchten unten mögen, aber es funktioniert nicht

<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

Nicht EL (Server-Code) und Jquery/Javascript (Client-Seite) mischen. Wie ich hier erklärte: https://stackoverflow.com/a/41382210/1107653
Sie kann nicht<c:set> mit Wert Javascript-Code verwenden.

1. Die Ausdruckssprache wird beim Kompilieren der JSP in Servlet auf dem Server ausgewertet.
2. Das Servlet generieren die Antwort: HTML + Javascript und senden Sie es zurück an den Browser.
3. Der Browser wertet das Javascript aus.

Was können Sie tun:

Auf der Serverseite:

Sie den Inhalt des Elements verwenden können: ${pulseDetails.noOfRecPerpage} direkt:

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

Oder einige machen Javascript-Vorbereitung:

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

Und verwenden Sie es direkt in anderen Javascript-Code Teile.

oder auf der Client-Seite:

Verwenden Sie einfach nur Javascript, um das Element zuzugreifen:

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