Document.getElement方法

当我们想要操作DOM元素的时候，很多时候都是选择使用getElement方法去获取到这个元素的集合，然后通过设置相关的属性值来进行操作。下面是一些总结类小笔记：

1. getElementById

通过id去获取DOM元素，一般是去准确的操作某一个元素，当然name只有一个DOM有时，也是操作这一个，但要知道id的特点就是他的唯一性。

2.getElementsByName

这个方法是通过name去获取DOM元素集合，可以获取所有name匹配的元素。注意方法返回的是集合(可以理解为结构是数组但数组方法却不能够用的一类数据结构)而不是数组。如果你想要去想数组一样操作getElementsByName返回的数据，你可以使用Array.prototype.slice.call()来进行转换，从而使用数组相关操作。

例如：
const nameList = document.getElementsByName();
const nameArr = Array.prototype.slice.call(nameList);

3.getElementsByTagName

这个方法同name，只不过获取的是同一类元素标签(tag)的集合，如果想转化成数组进行操作元素，方法与上面的getElementsByName相同。

Document.getElement方法相关推荐

.NET 调用JS：WebBrowser.Document.InvokeScript 方法抛出“指定的转换无效”异常的原因
.NET 调用JS:WebBrowser.Document.InvokeScript 方法抛出"指定的转换无效"异常的原因参考文章: (1).NET 调用JS:WebBrowse ...
document.execCommand()方法处理Html数据
document.execCommand()方法处理Html数据时常用语法格式如下: document.execCommand(sCommand[,交互方式, 动态参数]) 其中:sCommand为指 ...
document.getElementsByTagName()方法的返回值
document.getelementsbytagname()方法的返回值 /* document.getelementsbytagname()方法的返回值中取出某个特定的元素.一开始以为它的返回值是 ...
关于使用jQuery时$(document).ready()方法失效问题
关于使用jQuery时$(document).ready()方法失效问题 <script type="text/javascript">//页面加载后自动执行,不需要按 ...
java中find方法_Java Document.find方法代码示例
import com.allanbank.mongodb.bson.Document; //导入方法依赖的package包/类 /** * Extract the number of seconds ...
如何循环遍历document.querySelectorAll()方法返回的结果
使用JavaScript的forEach方法,我们可以轻松的循环一个数组,但如果你认为document.querySelectorAll()方法返回的应该是个数组,而使用forEach循环它: /* ...
java document to xml_Java Document.asXML方法代碼示例
本文整理匯總了Java中org.dom4j.Document.asXML方法的典型用法代碼示例.如果您正苦於以下問題:Java Document.asXML方法的具體用法?Java Document. ...
js技术要点---document.write()方法在IE浏览器和火狐浏览器下面的兼容性问题
2.js技术要点---document.write("")方法在IE浏览器和火狐浏览器下面的兼容性问题技术qq交流群:JavaDream:251572072 教程下载,在线交流 ...
深入浅出JavaScript （五）详解Document.write()方法
一直用document.write()方法向浏览器中显示数据用,把它当做Alert()使用, 看来这样用有些大材小用了,下面说说它的主要用处. document.write()方法可以用在两个方面: ...
js进阶 10-3 jquery中为什么用document.ready方法
js进阶 10-3 jquery中为什么用document.ready方法一.总结一句话总结: 1.document.ready和window.onload的区别:用哪个好? document. ...

Document.getElement方法

Document.getElement方法

1. getElementById

2.getElementsByName

3.getElementsByTagName

Document.getElement方法相关推荐

最新文章

热门文章