输出元素

Question

会话存储不适用于html输出元素。

我有一个带有相关输出元素的html范围滑块。

我有会话存储工作范围滑块，但它不适用于输出元素，因为我一直为null

我已将我的代码段添加到jsfiddle，以便您可以看到它正常工作 这是我的片段

＆＃13;

＆＃13;

if (true) {

  var weightOut = document.getElementById('weightOutputId'),
      weightIn = document.getElementById('weightInputId');

  weightOut.value = sessionStorage.getItem('weightOutputId');
  weightIn.value = sessionStorage.getItem('weightInputId');

  weightOut.addEventListener('input', function () {
    sessionStorage.setItem('weightOutputId', weightOut.value);
    sessionStorage.setItem('weightInputId', weightIn.value);
  }, false);
  
}

＆＃13;

<label for="weightOutputId">
  Weight (kg):
</label>
<output name="weightOutputName" id="weightOutputId">
  1
</output>
<input type="range" name="weightInputName" id="weightInputId" value="1" min="1" max="10" oninput="weightOutputId.value = weightInputId.value">

＆＃13;

＆＃13;

＆＃13;