一个函数内，同一个变量被宣言了2次，用于不同的元素，会冲突吗

一个函数内，同一个变量被声明了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的！

查看更多 下一篇