未捕获类型错误:无法设置属性';onchange';空Javascript的定义
试图在JS中编写一个简单的均衡器,其中用户使用滑块控制maxRadius,但我一直遇到这个错误 未捕获的TypeError:无法将属性“onchange”设置为null 以下是我的功能: maxRadius是一个声明的全局变量未捕获类型错误:无法设置属性';onchange';空Javascript的定义,javascript,Javascript,试图在JS中编写一个简单的均衡器,其中用户使用滑块控制maxRadius,但我一直遇到这个错误 未捕获的TypeError:无法将属性“onchange”设置为null 以下是我的功能: maxRadius是一个声明的全局变量 document.querySelector("#slider1").onchange = function(e) { console.log("value=" + e.target.value); document.querySelector("#slid
document.querySelector("#slider1").onchange = function(e) {
console.log("value=" + e.target.value);
document.querySelector("#sliderResults").innerHTML = e.target.value;
maxRadius = e.target.value * 500;
};
这是我的html
<div>
<label for="slider1">Circle Size</label>
<input id="slider1" type="range" min="0.1" max="1.0" step="0.1" value="0.5" />
<span style="float:right" id="sliderResults"></span>
</div>
圆圈大小
您只需确保文档准备就绪即可
像这样试试
function fn() {
document.querySelector("#slider1").onchange = function(e) {
console.log("value=" + e.target.value);
document.querySelector("#sliderResults").innerHTML = e.target.value;
maxRadius = e.target.value * 500;
};
}
document.onreadystatechange = function() {
if (document.readyState === 'complete') {
fn();
}
};
函数fn(){
document.querySelector(“#slider1”).onchange=函数(e){
console.log(“value=“+e.target.value”);
document.querySelector(“#sliderResults”).innerHTML=e.target.value;
maxRadius=e.target.value*500;
};
}
document.onreadystatechange=函数(){
如果(document.readyState==='complete'){
fn();
}
};代码>
圆圈大小
试试这个
document.getElementById("slider1").onchange = function(e)
{
console.log("value=" + e.target.value);
document.querySelector("#sliderResults").innerHTML = e.target.value;
maxRadius = e.target.value * 500;
};
在访问DOM之前,请确保它已准备就绪。可能存在重复的