在页面创建元素
var
t1
=
document.createElement(
"h1"
);
t1.textContent
=
"这是通过js设置的标题"
;
document.body.appendChild(t1);
// 元素对象,appendChild方法表示为这个元素添加一个子元素,参数是要添加的子元素对象,被添加的子元素会排列在最后
创建ul与li
var
ul
=
document.getElementById(
"list"
);
var
l1
=
document.createElement(
"li"
);
l1.textContent
=
"这里添加一个li"
;
ul.appendChild(l1);
// 为元素对象添加一个子元素,插入到另一个元素之前,第一个参数表示要添加的元素对象,第二个元素表示添加在谁之前
ul.insertBefore(li, li2);
删除元素
// 元素对象.remove方法:从DOM对象中删除这个元素
// ul.remove();
// 删除元素对象的某个子元素
document.body.removeChild(ul);