次のようなものを使用します。
<div id="div1" data-special-value="${sessionScope.series}"></div>
そして、次のような属性値を取得します。
document.getElementById("div1").getAttribute("data-special-value")
または(http://caniuse.com/dataset):
document.getElementById("div1").dataset("special-value")
またはjQueryで:
$("#div1").attr("data-special-value")
// or
$("#div1").data("special-value")
要素にセッション値を保存することが正しいかどうかはわかりませんが。それは間違いなく間違っていません。私はあなたが何を必要とするか、セッションでそれを使用するのか疑問に思っています。セッションは 1 回表示されます。
属性は、data-*
関連するデータを何かに保存する場合により便利です。たとえば、一連のデータベース レコードをループしてそれらの列を出力するが、行のデータベースid
も一度保存したい場合は、次のようにします。
<c:forEach items="${rows}" var="row">
<tr data-row-id="${row.id}">
<td>${row.name}</td>
<td>${row.description}</td>
</tr>
</c:forEach>
次に、元のrow.id
値を取得する場合は、関連するすべてのもの (列) を含む 1 つの場所に格納されます。これは通常、data-*
属性を使用する方法/場所です。もちろん、これには多くのアイデア/用途があります。