原生js的常用dom元素操简单介绍
本章节简单介绍几个dom元素操作中常用的几个方法或者属性。
一.通过id获取元素对象:
使用document.getElementById()方法即可实现此功能。
具体可以参阅document.getElementById()方法一章节。
二.元素指定类型标签集合:
使用getElementTagName()方法可以实现此功能。
具体可以参阅document.getElementsByTagName()一章节。
三.获取元素中额HTML内容:
可以使用innerHTML属性实现此功能。
具体可以参阅js innerHTML一章节。
四.使用style设置元素的样式:
使用dom.style.property的方式可以设置或者获取元素的样式属性。
当然这个样式属性只能是使用标签内容style方式定义的,例如<div style="width:100px"></div>。
具体可以参阅js实现style方式设置元素的样式一章节。
五.设置或者获取元素的class样式类:
使用className属性即可实现此功能。
具体可以参阅js className一章节。
相关推荐
-
javascript实现的动态设置元素透明度代码实例
本章节分享一段代码实例,它实现了动态设置元素透明度的效果。并且能够兼容当前主流的浏览器包括低版本的I浏览器。代码实例如下: chrs
-
子元素超过父元素padding-right和margin-right失效
dding和mrgin在内联元素的上下方位上是无效的,具体可以参阅为什么dding和mrgin在sn中不好用一章节。还有一种情况会让dding-right和mrgin-right
-
text-align对内联块级元素同样有效
这里只陈述一个事实,那就是txt-lign属性对于块级内联元素也是有效的。代码实例如下: r
-
js重置form表单元素值代码实例
本章节分享一段代码实例,它实现了使用jvscrit重置form表单元素值得功能。代码实例如下:
-
javascript获取form表单中表单元素的数目
本章节介绍一下如何获取form表单中表单元素的数目。实现方式非常的简单,只要使用form对象的lngth属性即可实现。代码如下: ht