DOM对象-2

添加删除元素

添加元素

var p = document.createElement(element);创建yige元素标签

document.createTextNode(文本);标签的内容

document.appendChild(element);添加

例子;var p = document.createElement(‘p’);

var nod = document.createTextNode(‘新段落’);

p.appendChild(nod);

删除元素

document.getElementById(‘id’).appendChild(p);

document.removeChild(element);

例子:var parent = document.getElementById(‘div1’);(父级)

      var child = document.getElementById(‘p1’);(子级)

parent.removeChild(child);

 替换元素

document.replaceChild(newnode,oldnode);

例子:var para = document.createElement("p");

var node = document.createTextNode("这是新文本。");

para.appendChild(node);

var parent = document.getElementById("div1");

var child = document.getElementById("p1");

parent.replaceChild(para, child);

写入HTML流;千万不要在文档加载后使用 document.write()。这么做会覆盖文档

document.write(text);

定时器

事件属性:alert(message);警告框;

var i=setInterval(function(){},1000)定时器;每隔多少秒运行一次

clearInterval( i)取消定时器;

var i= setTimeout(function(){},1000);单词定时器,及页面加载完成后多长时间过后运行;只运行一次

clearTimeout(i);取消定时;

scrollTo(xpos,ypos);滑轮的x值跟y值

window.onload=function(){};加载完执行,

window.history.back();后退;

window.location.href=跳转页面;

posted @ 2020-05-06 16:33  2020小白  阅读(104)  评论(0编辑  收藏  举报