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>

通过dom对象的id进行判断

举例：

1

2

3

4

var a = documentgetElementById('dom对象的id');//通过getelementbyid方法获取dom节点

if(a){//如果a非null，则表示获取到了dom对象

//存在

}

补充：

getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。

js *** 作节点的DOM方法

一、创建节点

createElement

createTextNode

二、添加、删除、替换、克隆元素

1、appendChild

2、insertBefore

3、如果appendChild、insertBefore追加的是已经存在的子元素，实际上就会将子元素位置移动

4、删除节点remove removeChild

remove()

removeChild

5替换节点

replaceChild

6、克隆节点

cloneNode()

三、 *** 作元素属性的方法

1获取属性 元素属性名

2设置属性 元素属性名 = 属性值

1、2方法只能获取和设置元素自带的属性

3 *** 作属性的万能方法

getAttribute()

setAttribute()

参考 >

以上就是关于javascript 如何获得html DOM节点的属性值全部的内容，包括:javascript 如何获得html DOM节点的属性值、如何判断event发生的位置是否为dom元素、js *** 作节点的DOM方法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！