var li1 = document.querySelector("nav ul li:nth-child(1)") li1.onclick = function(){ window.location.href = ["index.html"] } var li2 = document.querySelector("nav ul li:nth-child(2)") li2.onclick = function(){ window.location.href = ["2.html"] } var li3 = document.querySelector("nav ul li:nth-child(3)") li3.onclick = function(){ window.location.href = ["3.html"] } var li4 = document.querySelector("nav ul li:nth-child(4)") li4.onclick = function(){ window.location.href = ["4.html"] }有报错
时间: 2024-03-15 22:44:27 浏览: 14
根据你提供的代码,我并没有看到明显的报错。但是,我注意到你在 `window.location.href` 中传递的参数是一个数组,而不是一个字符串,这可能会导致跳转不成功。你可以把数组改为字符串,例如:
```
li1.onclick = function(){
window.location.href = "index.html";
}
li2.onclick = function(){
window.location.href = "2.html";
}
li3.onclick = function(){
window.location.href = "3.html";
}
li4.onclick = function(){
window.location.href = "4.html";
}
```
这样就可以正常跳转页面了。
相关问题
var li1 = document.querySelector("nav ul li:nth-child(1)") li1.onclick = function(){ window.location.href = "index.html" } var li2 = document.querySelector("nav ul li:nth-child(2)") li2.onclick = function(){ window.location.href = "2.html" } var li3 = document.querySelector("nav ul li:nth-child(3)") li3.onclick = function(){ window.location.href = "3.html" } var li4 = document.querySelector("nav ul li:nth-child(4)") li4.onclick = function(){ window.location.href = "4.html" }他说有这样的报错chu.js:3 Uncaught TypeError: Cannot set properties of null (setting 'onclick')
这个报错的原因可能是因为 `document.querySelector` 没有找到对应的元素,导致返回值是 `null`,然后在 `null` 上设置 `onclick` 属性就会报错。
你可以在代码中添加一些调试信息,看看是否能够找到对应的元素。例如:
```
var li1 = document.querySelector("nav ul li:nth-child(1)");
console.log(li1); // 查看返回值
li1.onclick = function(){
window.location.href = "index.html";
}
var li2 = document.querySelector("nav ul li:nth-child(2)");
console.log(li2); // 查看返回值
li2.onclick = function(){
window.location.href = "2.html";
}
var li3 = document.querySelector("nav ul li:nth-child(3)");
console.log(li3); // 查看返回值
li3.onclick = function(){
window.location.href = "3.html";
}
var li4 = document.querySelector("nav ul li:nth-child(4)");
console.log(li4); // 查看返回值
li4.onclick = function(){
window.location.href = "4.html";
}
```
这样可以帮助你确定是否找到了对应的元素。如果没有找到,你需要检查选择器是否正确,或者在元素加载之后再运行脚本。
var yb1=document.querySelector('.yb1')
根据提供的引用内容,`document.querySelector(CSS selectors)`是一个JavaScript方法,它返回文档中与指定CSS选择器匹配的第一个元素,如果找不到匹配的元素,则返回null。因此,`var yb1=document.querySelector('.yb1')`的意思是在文档中查找类名为“yb1”的第一个元素,并将其赋值给变量yb1。如果找不到匹配的元素,则变量yb1将被赋值为null。