Question

获取某个标签下的子标签 并将子标签中的某个样式值 改变

如图， 我想通过JS 来获取ID为mapDiv这个标签下的 第三个div 当获取到第三个div的时候 我想把这个div中的 left：1352px； 修改为 right：20px； 该怎么写？

Answer 1

window.onload = function() {
    var mapDiv = document.getElementById("mapDiv");
    var mapDiv_children = mapDiv.children;
    var index = 0;
    for(var i = 0; i < mapDiv_children.length; i++) {
        if(mapDiv_children[0].tagName.toUpperCase() === 'DIV') {
            index++;
            if (index === 3) {
                mapDiv_children[i].style.left = 'auto';
                mapDiv_children[i].style.right = '20px';
                break;
            }
        }
    }
};

Answer 2

<script type="text/javascript">
window.onload = function() {
    var mapDiv = document.getElementById("mapDiv");
    var mapDiv_divs = mapDiv.getElementsByTagName("div");
    mapDiv_divs[2].style.right = "20px";
};
</script>

追问

高手，这边说mapDiv_divs[2].style.right = "20px"; 中的 style 未定义啊 怎么回事

追答

什么浏览器？什么版本？能截个图看看吗？

追问

谷歌 浏览器 

原本mapdiv下面的代码 也消失了

追答

我在 Chrome 下测试没什么问题，其它地方有别的 Javascript 代码吗？

这句 Cannot read property 'style' of undefined 中的 undefined 指的是前面这个元素，和 style 没有关系，应该是没有找到第三个 div，你确定只有一个 ID 为 mapDiv 的 div，而且下面确实有三个 div 吗？如果里面是动态生成的，在没有生成之前使用 [2] 就会出现 undefined。

还有在设置 style.right 之前加一句 mapDiv_divs[2].style.left = "auto"; 兼容全部浏览器

Answer 3

你把上面的代码删除，把电脑砸坏！然后去找你老板，说我不干了！！！！