Javascript之document对象用法(很重要)

一、找到元素

document.getElementById("id"):根据id找层,最多找一个

var a=document.getElementById("id"):将找到的元素放到变量a中;

document.getElementByname("name"):根据name找,找出来的是数组;

document.getElementByTagname("name"):根据标签名找,找出来的是数组;

document.getElementByclassname("name"):根据classname找,找出来的是数组;



二、操作内容

1、非表单元素

1)、alert(a.innerHTML):获取a 标签里面的HTML内容进行,

2)、alert(a.innerText):只获取a标签里面的文字

2、表单元素

1)、var a=document.f1.t1;获取form表单IDf1里面的ID为t1的input

2)、alert(t.value);获取input中的value值

3)、alert(t.innerHTML):获取表单元素<textarea>的值</textarea>

4)、设置内容:t.value="内容改变";

5)、属性onclick="return flase":不会跳转,按钮则不会递交



三、属性控制

1)、a.setAttribute("属性名","属性值"):设置一个属性。添加或更改都可以;

2)、a.getAttribute(“属性名”):获取属性的值

3)、a.removeAttribute("属性名"):移除一个属性。



四、操作样式

1)、a.style.样式=“”:操作此ID样式属性

2)、a.className="样式表中的classname"操作一批样式。

时间: 2024-10-11 10:29:42

Javascript之document对象用法(很重要)的相关文章

用JAVA编写浏览器内核之实现javascript的document对象与内置方法

原创文章.转载请注明. 阅读本文之前,您须要对浏览器怎样载入javascript有一定了解. 当然,对java与javascript本身也须要了解. 本文首先介绍浏览器载入并执行javascript的原理. 其次将介绍怎样用java与javascript互调用对象. 最后介绍怎样用java实现javascript的document对象与其他内置方法. 浏览器从server得到含有javascript代码的html文本后,将顺序运行javascript代码块. 看代码是最简单的方式: packag

JavaScript中document对象的常用方法

document对象的概念 浏览器对外提供的支持js的用来操作HTML文档的一个对象,此对象封存的HTML文档的所有信息. 1.使用document获取HTML元素对象 直接获取方式: 通过id: window.document.getElementById("id值") 通过name属性值:document.getElementsByName("name值") 通过标签名:document.getElementsByTagName("属性名")

javascript之document对象

页面上元素name属性和JavaScript引用的名称必须一致,包括大小写 对象属性 document.title //设置文档标题等价于HTML的title标签 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) document.linkColor //未点击过的链接颜色 document.alinkColor //激活链接(焦点在此链接上)的颜色 document.vlinkColor //已点击过的链接颜色 document

JavaScript 之 document对象

对象属性document.title //设置文档标题等价于HTML的title标签document.bgColor //设置页面背景色document.fgColor //设置前景色(文本颜色)document.linkColor //未点击过的链接颜色document.alinkColor //激活链接(焦点在此链接上)的颜色document.vlinkColor //已点击过的链接颜色document.URL //设置URL属性从而在同一窗口打开另一网页document.fileCreat

javascript中Document对象的常用事件

1.onabort事件:对象载入被中断时触发 2.onblur事件:元素或窗口本身失去焦点时触发. 3.onchange事件:改变<select>元素中的选项或者其他表单元素失去焦点,并且在其获取焦点后内容发生过改变时触发. 4.onclick事件:单机鼠标左键时候触发.当光变的焦点在按钮上,并且按下Enter键时,也会触发该事件. 5.onblclick事件:双击鼠标左键时候触发. 6.onerror事件:出现错误时候触发. 7.onfocus事件:任何元素或者窗口本身获得焦点时触发. 8.

javascript中window与document对象、setInterval与setTimeout定时器的用法与区别

一.写在前面 本人前端菜鸟一枚,学习前端不久,学习过程中有很多概念.定义在使用时容易混淆,在此给向我一样刚踏入前端之门的童鞋们归纳一下.今天给大家分享一下js中window与document对象.setInterval与setTimeout定时器的用法与区别.讲得不对的地方,烦请大家指正,还望前辈.大牛多多指教! 二.window对象与document对象的用法和区别 window是全局对象,document是window对象的一个属性它也是一个对象.如图: document对象指的页面这个文档

【JavaScript】Javascript中document.execCommand()的用法

Javascript中document.execCommand()的用法 合并转载: 转载出处1 转载出处2 document.execCommand()方法处理Html数据时常用语法格式如下:document.execCommand(sCommand[,交互方式, 动态参数]) 其中:sCommand为指令参数(如下例中的"2D-Position"),交互方式参数如果是true的话将显示对话框,如果为false的话,则不显示对话框(下例中的"false"即表示不显

【温故而知新-Javascript】使用 Document 对象

Document 对象时通往DOM功能的入口,它向你提供了当前文档的信息,以及一组可供探索.导航.搜索或操作结构与内容的功能. 我们通过全局变量document访问Document对象,它是浏览器为我们创建的关键对象之一.Document对象提供了文档的整体信息,并让你能够访问模型里的各个对象.简单示例如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>

javascript之DOM(二Document对象)

javascript通过Document类型来表示文档.在浏览器中document是HTMLDocument对象(继承自Document)的一个实例,表示整个html页面.而且在浏览器中document对象还是window对象的一个属性,因此可以作为全局属性来用 Document节点具有下列特征: nodeType=9 nodeName="#document" nodeValue=null parentNode=null ownerDocument=null 其子节点可以使Docume