码迷,mamicode.com
首页 > 其他好文 > 详细

Document.write和 getElementById(ID)

时间:2018-10-28 16:51:30      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:ntb   ref   script   简单   dao   img   引号   文字   样式   

在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使用方法

技术分享图片

 

Document.write和 getElementById(ID)

标签:ntb   ref   script   简单   dao   img   引号   文字   样式   

原文地址:https://www.cnblogs.com/taogao3364/p/9865877.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!