//节点
var jdid=1;//创建变量 。用来记录id的编号
//添加节点属性
function addobj() {
var obj = document.getElementById("dv");//获取id为dv元素对象
var zjd = document.createElement("div");//创建元素对象
var jdidstr="id"+jdid;//拼接字符串 使得id不重复(id1,id2....)
zjd.innerText =jdidstr ;//设置创建的元素对象
zjd.setAttribute("id",jdidstr);//设置元素id属性为jdidstr
zjd.setAttribute("title","我是title");//设置元素属性title
zjd.setAttribute("class","classA");//设置元素属性class为classA
zjd.setAttribute("onclick","updateobj(this)");//设置元素属性onclick为update(this)
obj.appendChild(zjd);//往id为dv的元素对象,插入新建子节点元素对象
jdid++;
}
//修改节点属性
function updateobj(obj)
{
obj.innerText="被修改了" ;//设置元素对象的内容
obj.setAttribute("class","classB");//设置元素对象的class为ClassB
obj.setAttribute("onclick","deleteobj(this)");//设置元素属性onclick为del(this)
obj.setAttribute("title","我是修改后的title");//设置元素属性title
}
//删除节点属性
function deleteobj(obj)
{
obj.parentNode.removeChild(obj);//删除元素节点。这里是删除自己
}