ypetext

onbluralert(请输入)/onfocus()标签获得焦点

input

onfocusalert(聚焦后弹出内容)/onmouseover()鼠标移动到某标签上

onchange()指当前标签失去焦点并标签内容发生改变时触发事件处理程序

Html

要想通过JavaScript操作Html标签就必须先找到该标签

document.getElementById(“id);通过标签名查找Html标签

document.getElementsByTagName(p);通过类名查找Html标签

document.getElementsByClassName(p);通过name查找Html标签

document.getElementsByName(“name);标签体属性操作

需要在JavaScript函数对网页的标签进行操作如何在JavaScript中操作网页标签

在js中把这一类标签对象称为html_dom对象(指的就是网页中的标签)如何在JavaScript中获得网页中标签对象?

在网页加载完毕后,在js中生成一个document对象(表示整个html文档)

里面提供了一个方法getElementById();来获得网页中的标签对象function

test(){var

document.getElementById(txt1)var

obj2

document.getElementById(txt2)//操作标签对象的属性obj2.value

;obj1.type

document.getElementById(txt1)var

obj2

document.getElementById(txt2)//操作标签对象的属性obj2.value

;obj1.type

radio;}左边是txt1,右边是txt2,左边输入内容后点测试,左边的值赋值给右边的框,然后将坐标的框的格式设置为radio

在这里插入图片描述

document.getElementById(box1)var

divobj2

document.getElementById(box2)var

divobj3

document.getElementById(box3)//操作标签体中的内容divobj2.innerText

divobj1.innerText;//innerText获得标签体内的文本内容divobj1.innerHTML

divobj3.innerHTML;//innerHtml可以获得标签内的所有内容(包括标签和文本)}标签体CSS操作

bodydiv

document.getElementById(box1);//通过dom对象操作标签的css属性divobj1.style.backgroundColor

200px;}/script计时

通过JavaScript可以做到在一个设定的时间间隔之后执行代码,而不是在函数被调用后立即执行.称之为计时事件

setInterval(“函数”,”时间”)每隔指定时间重复调用