Document.write和 getElementById(ID)

Posted 2021-01-15 taogao3364

在javascript中,document.write()方法；常用来网页向文档中输出内容。

 示例：通过document.write()方法,向网页文档中输出了一段文字。

 document.write("我爱学习--喜欢学习。");

此外，还可以以另一种方式通过document.write()方法来输出。

 document.write() 以变量的方式输出。

首先，声明一个变量。

var str="hello world";

document.write(str);

其次，可以通过document.write()方法 输出 变量与字符串的组合，通过变量 拼接字符串的方式来达到我们想要输出的效果。

注意:

     拼接字符串，用加号"+";

     字符串用双引号""括起来。

示例：

var str="hello world" ;

document.write(str+" "+"hello world");

//在浏览器中输出的结果为：hello world hello world

最后，我们还可以通过document.write()方法 来输出html标签：同时也可以将css样式写入到标签中，注意书写格式，及引号之间的转义。

 

document.getElementById(ID)//获得指定id值的对象，返回对拥有指定 id 的第一个对象的引用

在一个HTML文档中，每个元素都可以设置ID和NAME属性。其中ID属性是唯一属性，不可以重复，一个ID值只能对应一个元素；而NAME属性是可以重复的，一个NAME值可以对应一组元素。所以，使用document.getElementById(ID)时返回的只有一个被选中的HTML元素；

说明：
getElementById是通过Id来设置/返回HTML标签的属性及调用其事件与方法。
用这个方法基本上可以控制页面所有标签，条件很简单，就是给每个标签分配一个ID号。
返回具有指定ID属性值的第一个对象的一个引用。

语法：
 

Element = document.getElementByIdx_x_x(“id”)

获得ID值=id的所有属性和方法
JS中经常使用它通过控件ID取得元素的值，如一个form里包含text、label等，他们都是FORM的元素，有一个分配的ID，getElementById()是取得这些元素的text值的。

 

Document使用方法