Question

javascript 如何获得html DOM节点的属性值

x2=document.getElementById('div1').style.left; alert(x2); 为什么，无法获得 元素 的 属性值呢 ？ 还请高手 指点迷津。=======c=document.getElementById('div1'); c=document.getElementById('div1').style; 上面 这俩 对象 都 测试 遍历了一下， 都拿不到 值。 不晓得 是不是 写错了？

Answer 1

先给你看下面两段代码：

<div id="div1">test!</div>
<script>
   console.log(document.getElementById("div1"));  //这个能够获得值
</script>

<script>
   console.log(document.getElementById("div1"));  //这个不能获得值！
</script>
<div id="div1">test!</div>

看出原因没有？当js代码是先于html运行时，是获取不到DOM元素的！因为这时候该DOM元素尚未加载到内存，相当于不存在！

要想实现js代码放到任何位置都能获得DOM元素，就要保证代码在页面完全加载完毕后才开始运行，比如：

<script>
   window.onload=function(){  //网页完全加载完毕才会触发这个事件
      console.log(document.getElementById("div1")); //这时候就能获得了
   }
</script>
<div id="div1">test!</div>

Answer 2

可能你要获取的属性不在节点对象的原型（console.log(Element.prototype)
可以看到原型）里，所以不能直接用" . 属性"获取，用getAttribute（"属性"）试试吧。

Answer 3

.style.left;这个是设置，不是获取

Answer 4

你得明确拿到什么?