js获取元素

你是想获取a标签？documentgetElementById("href4");就可以，如果获取不到，有可能是你js有问题，把js其他贴出来看一看，或者试一下下面的代码：<a href="#" id="testa">test</a>

<script type="text/javascript">

windowonload=function(){

alert(documentgetElementById("testa"));

}

</script>

//获取盒子的内容高度，内容高度也可用用boxclientHeight获取，内容高度不包括边框和外边距和滚动条

var box = documentgetElementById("box")

var contentHeight = windowgetComputedStyle(box)height //输出 '60px'

//js获取移动端屏幕高度和宽度等设备尺寸，兼容性比较好的方法

documentdocumentElementclientWidth;

documentdocumentElementclientHeight;

此外，还可以使用元素的点击事件来获取元素高度等内容。

1、打开sublime text3，也可以用其他编辑器，这里新建一个HTML文档作为示范。

2、创建一下HTML文档的基本架构。

3、设置多个标签，这样等会可以有更多选择。

4、创建一个JS文档，并且与HTML文档关联。

5、输入var test = documentgetElementById( "pp")offsetTop;documentwrite( test )。

6、offsetLeft就能知道元素到顶部的距离。

首先你要能获取到这个iframe的dom对象，假设我们知道它的ID；

var frame = documentgetElementById("ueditor_0");

var frameDocument = framecontentWindowdocument;

iframe中的document对象拿到了，后边如何获取你想要的元素就很简单了吧。

就是获取当前元素的offsetTop值，减去可视区域的高度和窗口卷起的高度。

$("div")offset() - $(window)scrollTop() - $(window)height()

改成w=woffsetWidth;

js获取Html元素的实际宽度高度

第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1stylewidth拿不到宽度，而通过#div1offsetWidth才可以获取到宽度。

第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。

小结，因为idoffsetWidth和idoffsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过idstyleatrr来获取。

现在的前端制作很少直接把样式写style里了，都是写在样式表里。如果你要获取的样式没有相对应的（就像#div1stylewidth对 应#div1offsetWidth），就只能分别针对不用浏览器来获取样式表的属性了，可以试着搜索“JS 获取样式属性”之类的。

方法有两种：

1、通过jquery的方式，使用id选择器方式获取节点，然后获取值。

2、通过原生的dom方式，获取id的值。

每一个HTML元素都使用id来进行一个标注，随后可以通过documentgetElementById(“ID名称”)取得指定的ID元素对象，取得元素对象之后就可以对其进行 *** 作。

但是documentgetElementById()只能取得一个元素信息。

documentgetElementById(“id”) 获取到的是整个对象。

documentgetELementById(“id”)innerHTML；才可以获取到其中的内容。

documentgetElementById('con')获取的只是P标签，返回的[objectHTMLParagraphElement]。

documentgetElementById('con')innerHTML获取的才是P标签里的内容，返回的是JavaScript。

扩展资料：

JavaScript脚本语言具有以下特点:

(1)脚本语言。JavaScript是一种解释型的脚本语言，C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。

(2)基于对象。JavaScript是一种基于对象的脚本语言，它不仅可以创建对象，也能使用现有的对象。

(3)简单。JavaScript语言中采用的是弱类型的变量类型，对使用的数据类型未做出严格的要求，是基于Java基本语句和控制的脚本语言，其设计简单紧凑。

(4)动态性。JavaScript是一种采用事件驱动的脚本语言，它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时，鼠标在网页中进行鼠标点击或上下移、窗口移动等 *** 作JavaScript都可直接对这些事件给出相应的响应。

(5)跨平台性。JavaScript脚本语言不依赖于 *** 作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用，前提上机器上的浏览器支持JavaScript脚本语言，目前JavaScript已被大多数的浏览器所支持。

不同于服务器端脚本语言，例如PHP与ASP，JavaScript主要被作为客户端脚本语言在用户的浏览器上运行，不需要服务器的支持。所以在早期程序员比较青睐于JavaScript以减少对服务器的负担，而与此同时也带来另一个问题：安全性。

而随着服务器的强壮，虽然程序员更喜欢运行于服务端的脚本以保证安全，但JavaScript仍然以其跨平台、容易上手等优势大行其道。

同时，有些特殊功能（如AJAX）必须依赖Javascript在客户端进行支持。随着引擎如V8和框架如Nodejs的发展，及其事件驱动及异步IO等特性，JavaScript逐渐被用来编写服务器端程序。

参考资料来源：百度百科-javascript

以上就是关于js获取元素全部的内容，包括:js获取元素、2021-07-11【技术】js获取各种高度的方法、求教js如何获取元素到浏览器顶部的距离等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！