Dom操作

1.查询元素 


Dom操作_第1张图片

2.创建元素  添加元素

     1  dom.innerHTML = "html"  这种方式会吧父元素的内容清空 重新放入放置元素   

         也可以通过innerHTML 去清除父元素中的内容

         innerText  可以设置  或者  读取 标签里面的文本内容

     2  创建  var dom = Document.createElement(“标签的名字”)    添加:父元素   .appendChild(子元素)


数组:

是一个有序排列的容器->里面的元素  是按照顺序排列的->可以通过序号 来找到里面的元素->序号 下标

创建数组: var list = [];

获取数组中的元素:list[下标]  下标是从0开始的

例如:

alert(list[0])

alert(list[1])

alert(list[2])

alert(list[3])

alert(list[4])

alert(list[5])

把数组中的每一个元素 追个读取出来叫做遍历


解释一个循环

for (var i =0;i<5;i++){}


var i =0;初始的值

i<5;循环的判断条件  如果满足就循环 进入到循环体 执行里面的代码  执行完成后 修改变量i++

1初始化变量i

2判断是否满足循环条件i<5

  如果满足  进入循环

不满足  跳出循环

3执行完循环体里面的内容  修改i 的值

4再次重新循环  继续判断是否满足  循环条件  重复第二部


生成一个伪随机数 随机1以下的数字

var r =parseInt(Math.random()*256)


function 函数(工具) 公式:function(){} 可以圈起一些代码 可以在特殊时期使用 (主动让他使用才有效果 不让他使用 就相当于没有写)

通过js更改css样式:dom.style.borderRadius = 50%

你可能感兴趣的:(Dom操作)