2018-06-20Dom操作元素+2个练习题

复习Html+CSS+JavaScript

网页做个大致很简单,做细致很难!

变量里面放的什么东西,一定要搞清楚!

Dom操作:

找到元素

操作元素

只要是变量名一模一样的,就挤掉之前的变量名,用最新的一个!

扫描二维码关注公众号,回复: 1715323 查看本文章

This类似于找标签!this直接把标签传过来了!

操作元素事件:

node.onclick = function(evt){evt就是事件对象}

一个方法就是一个功能!

创建删除元素:

Obj.remove();

Obj.removeattribute(“id”); //删除属性!

var div = Document.createElement(‘div’); //创建一个Div

trDom.appendchild(tdDom);

window.onload = function(){

var htype=document.getElementsByTagName("h1"); //运用tagname找到h1标签!

var ceshi= htype[0]; //定义一个变量存放h1标签的第一个值,因为tagname得到一个数组,所以要用另外的变量来存储数组的元素值以便输出!

console.log(ceshi.innerHTML); //如果不放在window.onload里面,会出现Js文件加载并执行完时,页面还没加载到h1标签(因为Js外部文件时嵌入到HTML中head标签内,所以Js执行完成时,下面Body里面还没加载到,就会出现Undefined的错误,故而放在window.onload里面)!

}

JavaScript一定要注意外部引用的加载问题!

setTimeout(function openewin(){ //setTimeout内部加了一个方法openewin,在HTML页面调用这个方法!

         window.open("CeShiPeiHe.html","_blank"); //打开CeShiPeiHe.html这个新窗口,_blank打开新窗口,_self替换当前页面!

},3000); //定时3000毫秒,即3秒!

Js的外部引用文件,所有的内容都可以写在window.onload=function(){};里面,确保HTML文件加载完成之后再执行Js里面的内容!!!

介绍方法:

Window.onload=function(){};

页面加载完成!

介绍两个对象:

Math:数学类math.random()可以弄随机点名!name是个关键字!

Date:时间日期类new date();

方法名可以放在window.onload=function(){};

猜你喜欢

转载自www.cnblogs.com/postgredingdangniu/p/9216253.html