Document节点的基本操作小结

1.Document 对象的概述

每个载入浏览器的 HTML 文档都会成为 Document 对象。

Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问

2.通过获取id进行操作

getElementById() 返回对拥有指定 id 的第一个对象的引用。

 例:document.getElementById("id");

3.通过document获取id对象

var a=document.getElementById("id");

(1).获取文本

a.innerText

设置对象的文本:

a.innerText=文本

(2).如果id的对象是文本框等可以获取value

a.value

设置value的值

a.vaue="文本"

(3).如果id的对象是超链接<a>标签

可以重新设置超链接地址,详情见:http://www.w3school.com.cn/jsref/dom_obj_anchor.asp

a.href="www.baidu.com"

4.getElementById() 是一个常用的方法可以定义成一个工具函数

            function id(x) {
                  if (typeof x == "string"){
                      return document.getElementById(x);
                  }
                  return x;
            }

参考自:http://www.w3school.com.cn/jsref/dom_obj_document.asp

猜你喜欢

转载自blog.csdn.net/sinat_41274057/article/details/81135517