赵亚盟 廊坊师范学院信息技术提高班 第十期

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~

人的价值,在遭受诱-惑的一瞬间被决定

赵亚盟 廊坊师范学院信息技术提高班 第十期

相关文章:

你感兴趣的文章:

标签云: