Question

我一直收到一条错误，上面写着“Uncaught ReferenceError：赋值中的左侧无效”。该代码应该在单击时（图片工作）扩展图像。下一部分是当鼠标进入图片时，应该添加一个边框。这是导致错误但不起作用的部分。我对事件很新，所以我真的不确定如何处理这个问题。如果我可以让边界出现在上面，这将是伟大的。

<style>
    .image {
    width:100px;
    height:100px;
    border-style:solid;
    border-width:0px;
    border-color:black;
    }   
</style>

<img src='image0.jpg' id='pic0' class='image'></img>

<script>
window.onload = function() {
    pic0.onclick = mouseOver0;
    pic0.onmousemove = mouseFocus0;

function mouseOver0() {
    document.getElementById('pic0').style.width="200px";
    document.getElementById('pic0').style.height="200px";
    }   

function mouseFocus0() {
    pic0.style.border-width="3px";
    }
</script>

Answer 1

-是减法运算符。

您说要将字符串"200px"分配给＆＃34; pic0.style.border减去width＆＃34;，这是没有意义的。

您在JavaScript中的标识符中不能有-。

CSS属性名称将转换为其等效的camelCase：borderWidth

未捕获的referenceError：左侧无效

1 个答案: