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

先给你看下面两段代码：

<div id="div1">test!</div>

<script>

   consolelog(documentgetElementById("div1"));  //这个能够获得值

</script><script>

   consolelog(documentgetElementById("div1"));  //这个不能获得值！

</script>

<div id="div1">test!</div>

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

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

<script>

   windowonload=function(){  //网页完全加载完毕才会触发这个事件

      consolelog(documentgetElementById("div1")); //这时候就能获得了

   }

</script>

<div id="div1">test!</div>

可以使用

nextSibling

或者

nextElementSibling。

nextSibling

属性是获取节点后面的节点（可能是文本节点，可以是元素节点，也可以是注释节点等等）

nextElementSibling

是获取节点后面的第一个元素节点

举个例子：

我是第一个节点

我是文本

我是SPAN

documentgetElementById(

'first'

)nextSibling

//

获取到

TextNode

我是文本

documentgetElementById(

'first'

)nextElementSibling

//

获取到

SPAN

你的oLi是所有li的集合，所以你使用oLi的时候应该加下标，才能表示你使用的 是 哪个li

所以

var oDiv = oLi[此处是下标]getElementsByTagName('div');

以上就是关于javascript 如何获得html DOM节点的属性值全部的内容，包括:javascript 如何获得html DOM节点的属性值、怎样获取一个元素节点后面的元素节点、js获取子节点的方法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！