3、getElementsByName():获取相同名称的节点列表
例子:
document.getElementByName('add') //获取input元素。
DOM定义了访问HTML和XML文档标准,W3C DOM标准被分为3个不同的部分,核心DOM,针对任何结构文档的标准模型。此外还有HTML DOM,和XML DOM。
HTML DOM:定义了所有HTML元素的对象和属性,以及访问它们的方法。
HTML DOM实例:比如考试系统,当学生们答完一道题,,从获得焦点到失去焦点得到一次提交答题记录的功能,当我们有未完成的题,可以获得焦点,直接定位到没有答的题的位置。
以下就是使用HTML DOM编写的获得和失去焦点的Demo。
JavaScript代码:
function getfocus(){document.getElementById('baidu').focus()}function losefocus(){document.getElementById('baidu').blur()}html代码:
<!doctype html><html> <title>获得/失去焦点</title><script type="text/javascript" src='jiaodian.js'></script> </head> <body><a id="baidu" href="">欢迎访问百度首页</a><br /><br/><input type="button" onclick="getfocus()" value="获得焦点"><input type="button" onclick="losefocus()" value="失去焦点"> </body></html>
总结:DOM易用性比较强,遍历简单,但是效率低,解析速度慢,内存占用量高,对于大量对象的创建和销毁及其影响效率。
PS:简单做个总结,理解的还不是很好,真正的理解应该是会用吧。真正会用了才算是学会了。多多交流哈。O(∩_∩)O~
人的价值,在遭受诱-惑的一瞬间被决定