js 获取html元素的属性

因为在网页的加载过程中是从上往上慢慢加载的（一般你打开网页可以看到页面加载时和文字的显示都从上往下慢慢显示的），因此当加载到你的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>

空白是红框这里导致的，解决方法一：将代码往前缩进（缺点：格式代码的时候会恢复原样）。解决方法二：pre{tab-size:2;}（缺点：tab-size太小的话，缩进的效果就会变得不明显）。

以上就是关于js 获取html元素的属性全部的内容，包括:js 获取html元素的属性、使用<pre></pre> 标签的时候，显示出来的代码前面的空白过多、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！