Question

未捕获的类型错误：无法设置 null 的属性“src” Src 不为 null

2020-08-28

91

javascript html css

您好，收到以下脚本的控制台错误

function setPanels()
{
    var windowWidth = window.innerWidth;
    if(windowWidth < 700)
    {
        document.getElementById('border1').src = '<?php echo home_url(); ?>/wp-content/uploads/2020/08/PageBorder1-e1597907750528.png';
    }
    else{
        document.getElementById('border1').src = '<?php echo home_url(); ?>/wp-content/uploads/2020/08/PageBorder1.3.png';
    }
}

我理解它指的是底部 Else 为 null，但这个表达式的 null 是什么？

错误：

Uncaught TypeError: Cannot set property 'src' of null

有没有办法忽略错误？这样它就不会在控制台上不断迭代

Answer 1

您应该先检查 border1 元素是否存在。

var element = document.getElementById("border1");

if(typeof(element) != 'undefined' && element != null){
   // Your code here...
}

Answer 2

Aboce 代码工作正常。

检查这个

var windowWidth = window.innerWidth;
    if(windowWidth < 700)
    {
        document.getElementById('border1').src = 'https://cdn.pixabay.com/photo/2020/06/26/00/25/summer-5341326_960_720.jpg';
        
    }
    else{
       document.getElementById('border1').src =" https://cdn.pixabay.com/photo/2020/07/11/12/47/water-5393919_960_720.jpg";
        
    }

*
{
  margin:0;
  padding:0;
}
img
{
  width:100vw;
  height:100%;
 }

<html>
<head>
<title>Online PHP Script Execution</title>
</head>
<body>
    <img src="" id="border1">
    <img src="" id="border2">
</body>
</html>