Question

求教 document.getElementById 的用法

document.getElementById("a").innerText("显示内容"); 是什么意思啊？？ 若是有一个 <input type="text" name="a"> 的文本框 document.getElementById("a").innerText("显示内容"); 是不是可以实现 在文本框a里输出 “显示内容” 这句话啊？？

Answer 1

1、getElementById

作用：一般页面里ID是唯一的，用于准备定为一个元素
语法： document.getElementById(id)
参数：id :必选项为字符串(String)
返回值：对象; 返回相同id对象中的第一个，按在页面中出现的次序,如果无符合条件的对象，则返回 null

example：
document.getElementById("id1").value;

2、getElementsByName

作用：按元素的名称查找，返回一个同名元素的数组
语法： document.getElementsByName(name)
参数：name :必选项为字符串(String)
返回值：数组对象; 如果无符合条件的对象，则返回空数组，按在页面中出现的次序

example：
document.getElementsByName("name1")[0].value;
document.getElementsByName("name1")[1].value;

3、getElementsByTagName

作用：按HTML标签名查询，返回一个相同标签元素的数组
语法： object.getElementsByTagName(tagname) object可以是document或event.srcElement.parentElement等
参数：tagname:必选项为字符串(String)，根据HTML标签检索。
返回值：数组对象; 如果无符合条件的对象，则返回空数组，按在页面中出现的次序

example：
document.getElementsByTagName("p")[0].childNodes[0].nodeValue;
document.getElementsByTagName("p")[1].childNodes[0].nodeValue

Answer 2

对 就是这个意思document.getElementById("a").innerText("显示内容");前面的document.getElementById("a")是根据控件ID获取对象，后面的innerText("显示内容")是个方法，就是写入文本内容。

Answer 3

不是的，<input type="text" ID="a">,document.getElementById("a").innerText("显示内容")