为什么原生JS可以直接使用ID名称来获取元素

什么叫“为什么原生JS可以直接使用ID名称来获取元素”。

本来原生就是可以直接使用ID名称获取，ES就是有这个方法，就是这样定义……

反而如果你说jQuery自己有个方法：$getElementById。但你偏偏说说这个才是原生的方法，那就有问题了。

是这样的，一开始需要获取某一个元素的 left 值，我就用 elestyleleft 去获取了（基础不扎实还好意思来丢人），然后居然返回的是空。

好吧，追本溯源，问题的根源以及区别就在这里了。

所以，我那样是获取不到某一个元素的一个其他方式设置的样式属性值的，所以我就打算谷歌一下别的方法了。

特点：

- 只可读，但是可以读取所有的样式属性值。但是不能通过该方法去设置样式属性值。

currentStyle 获取的是一个元素的所有的样式属性值，这一点功能是与 getComputedStyle() 一样的，但是在获取某一个具体的属性的时候，可以结合 getAttribute 来实现。

和 getComputedStyle 方法不同的是，currentStyle 要获得属性名的话必须采用驼峰式的写法。也就是如果我需要获取 font-size 属性，那么传入的参数应该是 fontSize。因此在IE 中要获得单个属性的值，就必须将属性名转为驼峰形式。 ( 感谢这篇文章。 )

关于 getComputedStyle 返回的值，具体查看这里。

不管你最初定义的样式是什么，涉及到宽度高度之类的，返回的都是最后实际使用的宽度和高度。

关于 elestyle 的返回值，是和定义的样式的值相等的，如果设置为auto，就直接返回auto。

然后是元素的高宽，对于一个没有设定高宽的元素而言，在 IE678 下使用 getPropertyValue("width|height") 得到的是 auto 。而标准浏览器会直接返回它的 px 值，当然我们希望在 IE 下也返回 px 值。

这里的 HACK 方法是使用 elementgetBoundingClientRect() 方法。

elementgetBoundingClientRect() -- 可以获得元素四个点相对于文档视图左上角的值 top、left、bottom、right ，通过计算就可以容易地获得准确的元素大小。

参考链接 chokcoco的博客园

用jQuery多好啊。jQuery("div abc")each(function(){

alert($(this)

});

就能获取到每个div下的所有元素的

链接地址： >

JavaScript code

[code=javascript] function delet_s(obj){

alert(0);

var am=$(obj)parent()parent()find($("input[name^='s_acc']"))val();

alert(am)

$(obj)parent()parent()remove();

}

[/code]

XML/HTML code

<table id="detailTable" width="90%" border="0" cellspacing="0" cellpadding="0" class="addform-base">

<tr id="copy_tr">

<td width="30%"><input type="text" name="claimVoucherDetailaccount" id="c_account" /><span class="notice"></span></td>

<td width="30%"><input type="text" name="claimVoucherDetaildesc" id="desc" /><span class="notice"></span></td>

<td width="10%"><img src="<%=requestgetContextPath() %>/images/addgif" width="16" height="16" id="AddRow" onclick="copy_as()"/></td>

<td>

<img src="<%=requestgetContextPath() %>/images/deletegif" width="16" height="16" onclick="delet_Vou(this)" />

</td>

</tr>

</table>

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

1、首先，打开html编辑器，新建html文件，例如：indexhtml。

2、在indexhtml的<script>标签中，输入js代码：var a = [123, 567, 86, 90, 234];var b = aslice(1, 3);documentbodyinnerText = b;。

3、浏览器运行indexhtml页面，此时只会打印出数组第2-3个元素。

  首先我们来介绍一下DOM中元素与节点间的关系：页面中所有内容都是节点[包括元素，属性，文本]，所以节点是包括元素的。

  以下是节点的三个属性：

  若是火狐和chrome浏览器上述方法不存在兼容问题，而若是在IE8浏览器中后四组内容只能获取元素，无法获取文本或属性。即原获取节点方法-->取元素；原获取元素方法-->undefined。

  jQuery中是以方法的形式进行调用，同时都是用来获取元素：

以上就是关于为什么原生JS可以直接使用ID名称来获取元素全部的内容，包括:为什么原生JS可以直接使用ID名称来获取元素、原生js获取元素的样式style属性值、原生js获取所有class="abc"下的h4元素 怎么写等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！