Document.write和 getElementById(ID)

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

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

时间: 2024-11-14 12:21:25

Document.write和 getElementById(ID)的相关文章

jquery中的$("#id")与document.getElementById("id")的区别

以前一直认为jquery中的$("#id")和document.getElementByIdx_x("id")得到的效果是一样的,今天做特效的时候才发现并不是这么一回事,通过测试得到: 1.alert($("#div"))得到的是[object Object] 2.alert(document.getElementById("div"))得到的是[object HTMLDivElement] 3.alert($("#

获得输入框的文本document.getElementById('id').value;

<input id="demo" type="text" value="" > x=document.getElementById("demo").value; 比如:document.getElementById("id").value是获取HTML标签中id=“id”的value的方法 获得输入框的文本document.getElementById('id').value;

jQuery的$(‘#id’)与document.getElementByID(&#39;id&#39;)的区别

用jQuery选择的包装集返回的是jQuery对象,用document.getElementByID返回的是DOM对象. jQuery对象 --> DOM对象 /* Convert a jQuery object to a DOM object.*/var jquery = $('#id');alert(jquery.html()); var dom = jquery[0];// or var dom = jquery.get(0);alert(dom.innerHTML); DOM对象 -->

$(&quot;#id&quot;)&amp;&amp;document.getElementById(&quot;id&quot;)

$("#id")=document.getElementById("id") document.getElementById("schemaId").style.display="table-row"; $("#schemaId").style.display="table-row"; <tr id="schemaId" style="display:

document.getElementById(“id”)与$(&quot;#id&quot;)的区别

document.getElementById("id")可以直接获取当前对象, jQuery利用$("#id")获取的是一个[object Object],需要使用$("#id")[0]或者$("#id").get(0)获取真实对象 例子: <div id="111"  style="display: none;"> <strong>成功!</strong

document,element,node方法

document方法: getElementById(id)                             返回指定结点的引用 getElementsByTagName_r(name)        返回文档中所有匹配的元素的集合 createElement_x(name)                          创建指定类型的新结点 createTextNode(text)                          创建一个纯文本结点 element方法: getA

11月26号,Window.document对象

1.Window.document对象 docunment.getElementById(" id  ")   根据id找,最多找一个 var a= docunment.getElementById(" id  ")   将找到的元素放到变量中(赋值) docunment.getElementsByName("name")  根据name找名字,找出来的是数组 docunment.getElementsByTagName("name&q

JS中document.createElement()用法及注意事项

今天处理了一个日期选择器的ie和ff的兼容问题,本来这种情况就很难找错误,找了好久才把错误定位到js中创建元素的方法document.createElement(),这个方法在ie下支持这样创建元素 var inputObj    = document.createElement     ("<input type='text' size='8' style='border:0px;border-bottom:2px solid #c0c0c0;'" readonly >&

获取dom对象(1)

<html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>获取dom对象</title> <style> #btn3{ border:1px solid red; } #btn33{ border:1px solid blue; } </style> </