未捕获的参考错误：无效的左侧答案

【问题标题】：uncaught referenceError: invalid left-hand side未捕获的参考错误：无效的左侧
【发布时间】：2014-04-02 22:21:24
【问题描述】：

我不断收到一条错误消息，显示“未捕获的 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>

【问题讨论】：

不要使用元素 ID 作为全局变量，这被认为是一个非常糟糕的功能。使用 getElementById 或 querySelector 按 ID 获取对元素的引用。

标签： javascript events

【解决方案1】：

- 是减法运算符。

您是说将字符串"200px" 分配给“pic0.style.border 减去width”，这没有意义。

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

CSS 属性名称被转换为对应的驼峰命名法：borderWidth

【讨论】：