奉节网站建设,网站建设相关合同内容,嵌入式开发用什么软件,网上推广是什么意思目录
查找html元素
1.通过id
2.通过标签名
3.通过类名
DOM
1.创建动态的HTML内容 2.修改元素内容
3.改变HTML属性
4.改变css样式
DOM事件
DOM节点
1.添加HTML元素
2.删除HTML元素
浏览器对象 1.Window对象 2.Screen对象
3.History对象 4.Location对象
5.Navi…目录
查找html元素
1.通过id
2.通过标签名
3.通过类名
DOM
1.创建动态的HTML内容 2.修改元素内容
3.改变HTML属性
4.改变css样式
DOM事件
DOM节点
1.添加HTML元素
2.删除HTML元素
浏览器对象 1.Window对象 2.Screen对象
3.History对象 4.Location对象
5.Navigator对象 查找html元素
1.通过id //根据id名称获取元素对象 var test document.getElementsById(test); //获取元素内容 var result test.innerHTML; 2.通过标签名 //查找所有的段落元素p并获取第一个段落标签内部的文本内容 var p document.getElementByTagName(p); var result p[0].innerHTML; 3.通过类名 document.getElementsByByClassName(类名 DOM
1.创建动态的HTML内容
!DOCTYPE html
htmlheadmeta charsetutf-8title创建动态的HTML内容/title/headbodyh3JavaScript DOM动态创建内容/h3scriptvar date new Date();document.write(本段文字为动态生成。date.toLocaleString());/script/body
/html 2.修改元素内容
!DOCTYPE html
htmlheadmeta charsetutf-8title修改元素内容/title/headbodyh3修改元素内容/h3p idtestWorld/pscriptvar p document.getElementById(test);var msg p.innerHTML;p.innerHTML strongHello/strong;alert(段落元素的初始内容是\nmsg);/script/body
/html 3.改变HTML属性 var img document.getElementById(image); img.src image/1.jpg; 4.改变css样式 var p document.getElementById(test); p.style.backgroundColor blue; DOM事件
onabort图像加载过程被中断onblur元素失去焦点onchange域的内容被改变onclick元素被鼠标左键单击ondbclick元素被鼠标左键双击onerror加载文档或图像时发送错误onfocus元素获得焦点 onkeydown 键盘按键被按下onkeypress键盘按键被按下并松开onkeyup键盘按键被松开onload页面或图像加载完成onmousedown鼠标按键被按下onmousemove鼠标被移动onmouseout鼠标从当前元素上移走onmouseover鼠标移动到当前元素上onmouseup鼠标按键被松开onreset重置按钮被单击onresize窗口或框架的大小被更改 onselect 文本被选中onsubmit提交按钮被单击onunload退出页面
DOM节点
1.添加HTML元素 //创建新的元素 var box document.createElement(div); //设置新元素的背景颜色为黄色 box.style.backgroundColoryellow; //设置新元素的内容 box.innerHTML这是动态添加的div元素。 //将新创建的元素添加idcontainer的段落元素中 p.appendChild(box); 2.删除HTML元素 //获取父元素 var test document.getElementById(test); //获取子元素 var p document.getElementById(p01); //删除子元素 test.removeChild(p); 浏览器对象 1.Window对象
!DOCTYPE html
html
headmeta charsetutf-8/titleWindow对象/title
/head
bodyh3Window对象/h3scriptvar width window.innerWidth;var height window.innerHeight;document.write(浏览器当前可用宽度为widthbr浏览器可用高度为height);/script
/body
/html 2.Screen对象
!DOCTYPE html
html
headmeta charsetutf-8/titleScreen对象/title
/head
bodyh3Screen对象/h3scriptvar width screen.availWidth;var height screen.availHeight;document.write(屏幕当前可用宽度为widthbr屏幕可用高度为height);/script
/body
/html 3.History对象
!DOCTYPE html
html
headmeta charsetutf-8/titleHistory对象/title
/head
bodyh3History对象/h3button onClickhistory.back()后退/buttonbutton onClickhistory.forward()前进/button
/body
/html 4.Location对象
!DOCTYPE html
html
headmeta charsetutf-8/titleLocation对象/title
/head
bodyh3Location对象/h3scriptlocation.href http://www.baidu.com;/script
/body
/html 5.Navigator对象
!DOCTYPE html
html
headmeta charsetutf-8/titleNavigator对象/title
/head
bodyh3Navigator对象/h3scriptvar mag 浏览器代码名navigator.appCodeName;msgbrbr浏览器名称navigator.appName;msgbrbr浏览器版本navigator.appVersion;msgbrbr浏览器是否允许使用navigator.cookieEnabled;msgbrbr浏览器所在操作系统navigator.platform;msgbrbr用户代理navigator.userAgent;msgbrbr浏览器语言navigator.language;msgbrbr浏览器品牌navigator.vendor;document.write(msg);/script
/body
/html
