日期:2014-05-16  浏览次数:20361 次

一个函数内,同一个变量被声明了2次,用于不同的元素,会冲突吗?
一个函数内,同一个变量被声明了2次,用于不同的元素,会冲突吗?
html代码:

<div id="dome1">dome1</div>
 <div id="dome2">dome2</div>

js代码:
function func(){
var elem = document.getElementById("dome1");
elem.style.color = "red";
var elem = document.getElementById("dome2");
elem.style.color = "blue";
alert(elem.innerHTML);
}
window.onload = func;

想知道上面的elem为什么没有被下面的elem重置?
JavaScript 函数 变量

------解决方案--------------------
        
        var elem = document.getElementById("dome1");//    得到dome1元素     
        var elem = document.getElementById("dome2");//得到dome2元素
        elem.style.color = "red";//dome2元素字体颜色为red
        elem.style.color = "blue";//dome2元素字体颜色为blue
        alert(elem.innerHTML);//显示dome2内的html

------解决方案--------------------
引用:
是因为js的执行顺序是从上向下来执行的吗?

必须是顺序执行的,其实是在你把dom1的color设置成红色执行,才把dom2赋值给elem的!