getElementById()

Posted 2020-08-16 青竹zzq

getElementById()：方法的用途是寻找一个有着给定id属性值得元素：

element = document.getElementById(ID);

这个方法将返回一个有着给定id属性值得元素节点。如果不存在这样的元素，他返回null。这个方法只能用于document对象。

getElementById()方法返回的元素节点是一个对象，这个对象有着nodeName、nodeType、parentNode、childNode等属性。

下面的例子将把id属相值是fineprint的元素提取出来，并保存到message变量里。message元素节点的父节点也是一个元素，我们把它提取到变量container里：

var message = document.getElementById("fineprint");
var container = message.parentNode;

如果你打算提取的元素有一个id，则用getElementById()方法来检索将是最简单和最快捷方法，找到这个元素后，就可以对它使用setAttribute()、cloneNode()、appendChild()等方法。

在下例中先找出id属性值是fineprint的元素，并把他保存到message变量里，然后把这个元素的title属性刷新为this is important

var message = document.getElementById("fineprint");
message.setAttribute("title","this is imortant");

在同个文档里面，不同元素的id属性值必须各不相同，如果一个以上的元素有相同id，getElementById()方法的行为将不发预料。