Javascript error missing name after . operator on variable function

Question

I need to fix this javascript error I am having "missing name after . operator on variable". This is my current code I am trying to get working.

    <!DOCTYPE html>
<html>
<body onload="myFunction()">

<select>
    <option>1</option>
</select>
<br/>
<select>
    <option>1</option>
</select>

<script>
function myFunction()
{
    if(typeof document.body.ontouchstart == "undefined"){actionIn = "onmouseover"; actionOut = "onmouseout"}
    else{actionIn = "ontouchstart"; actionOut = "ontouchend";}

    var elem = document.getElementsByTagName("SELECT");
    for (var i = 0;i < elem.length; i++){
        elem[i].[actionIn] = function(){this.style.background='red';}
        elem[i].[actionOut] = function(){this.style.background='';}
    }
}
</script>

</body>
</html>

I already answered this in a comment on your previous question. — SLaks
– SLaks, Commented Apr 23, 2013 at 14:53

Bergi · Accepted Answer · 2013-04-23 14:52:55Z

2

Use either dot or bracket notation, not both:

elem[i][actionIn] = function(){this.style.background='red';}
elem[i][actionOut] = function(){this.style.background='';}

answered Apr 23, 2013 at 14:52

Bergi

671k162 gold badges1k silver badges1.5k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

techfoobar · Accepted Answer · 2013-04-23 14:52:46Z

1

You do not need a . between the two square bracket pairs.

elem[i][actionIn] and elem[i][actionOut]

should suffice.

answered Apr 23, 2013 at 14:52

techfoobar

66.8k14 gold badges117 silver badges138 bronze badges

Collectives™ on Stack Overflow

Javascript error missing name after . operator on variable function

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related