Question

我有一个HTML文件。它应该显示范围输入的值。

在我的JSFiddle页面上，您可以找到index.html。它在那里工作。但不知何故，它在我的网络服务器上不起作用。我得到错误“TypeError：无法读取属性'值'为null”。

<html>

<script>
var tilt = document.getElementById("Range");
var tiltt = document.getElementById("tiltRange");

document.addEventListener("input", function() {tiltt.innerHTML = "$" + tilt.value;}, false);

</script>

</body>

60<input id="Range" type="range" min="60" max="170" value="120" />170
<br>

<p id="tiltRange"></p>

Answer 1

脚本在整页加载之前工作。此代码适用于IE9 +和其他浏览器：

document.addEventListener("DOMContentLoaded", function(event) { 
  // you will be here after full DOM loading and parsing
  var tilt = document.getElementById("Range");
  ...
});

Documentation

显示范围输入的值。 “无法读取null的属性'值'

1 个答案: