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>

因为在网页的加载过程中是从上往上慢慢加载的（一般你打开网页可以看到页面加载时和文字的显示都从上往下慢慢显示的），因此当加载到你的JS代码时，此时JS去找pre标签，而此时pre标签还未加载，所以不可能找到，但是如果你这段JS放在pre标签的后面就会显示正常。

解决办法有三种：

1、同一楼所说的，在body标签中加入 onload=函数名，该函数名对应的函数体就是你这段JS代码。

2、对<script language="javascript" type="text/javascript">稍作修改，：<script language="javascript" type="text/javascript" defer="true">加入defer标签，意味着这段JS代码延迟加载。

3、可以使用jQuery库，

<script language="javascript" type="text/javascript">

$(function(){

你的JS代码

})

</script>

您好！

比如获取这个img下的URL把：<xsl:value-of select="//a[@class='b']/img/@src"/>

上面的这条语句就能获取到URL了。

亲，没有问题的话，请采纳！谢谢！

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，填充问题基础代码。

2、在indexhtml中的<script>标签，输入js代码：$('#txt')val('添加值');$('#txt')attr('data', 'test');。

3、浏览器运行indexhtml页面，此时input元素成功被添加了值和属性。

以上就是关于javascript 如何获得html DOM节点的属性值全部的内容，包括:javascript 如何获得html DOM节点的属性值、js 获取html元素的属性、如何使用xpath获取html标签中属性的属性值 如：等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！