Question

您好，我正在尝试通过 JS 显示滑块的输出。运行时我遇到了一个错误。 '无法读取 null 的属性'。

HTML 代码：

function onEdit(e) {
  var range = e.range;
  if (range.getRow() == 1.0 && ((range.getColumn() - 1) % 3 == 0)) {
    if (range.getValue() !== "") {
      var targetRange = e.range.offset(3, 0);
      var nextCol = targetRange.offset(0, 1);

      targetRange.insertCells(SpreadsheetApp.Dimension.ROWS);
      nextCol.insertCells(SpreadsheetApp.Dimension.ROWS);
      range.moveTo(targetRange);

      nextCol.setFormulaR1C1("=LEN(R[0]C[-1])");
    }
  }
}

JS代码：

<div class = 'sliderContainer'>
    <h1> Select Password Length</h1>
    <input type = 'range' min='8' max='16' value='10' id='myRange' class='slider'>
    <p>Password Length: <span id='length'></span></p>
</div>

感谢任何帮助！感谢您抽出宝贵时间。

Answer 1

在您尝试选择之前，文档可能尚未加载输入。为 DOMContentLoaded 添加事件侦听器：

document.addEventListener("DOMContentLoaded", function() {
  var slider = document.getElementById('myRange');
  var output = document.getElementById('length');
  output.innerHTML = slider.value;

  slider.oninput = function() {
    output.innerHTML = this.value;
  }
})

<div class='sliderContainer'>
  <h1> Select Password Length</h1>
  <input type='range' min='8' max='16' value='10' id='myRange' class='slider'>
  <p>Password Length: <span id='length'></span></p>
</div>

需要帮助显示范围滑块的值

1 个答案: