DOM常用笔记

innerHTML      开始标记和结束标记之间的内容,可赋值

document      (页面)文档对象
length        (节点)个数


节点对象的属性:

 body             body元素对象      返回body标签
 title               标题                     返回title内容
 URL              网页地址              返回页面的路径
 links             超链接                  返回HTMLCollection类型  是集合  索引  0       length
 images         图片                      返回HTMLCollection类型  是集合  索引  0       length
 forms           有几个表单           返回HTMLCollection类型  是集合  索引  0       length

 方法:

write                       打印到页面
writeln                    打印到页面(可识别换行(\n),但一般不适用)
getElementById    根据ID查找节点对象
                                                        返回值错误时   看节点对象是否正确
    

 查找节点

    childNodes            获取所有的子节点(元素节点、文本节点)    返回NodeList类型   有索引 0开始 有length  节点个数
    firstChild               第一个子节点
    lastChild                最后一个子节点
    parentNode           父节点
    previousSibling    上一个兄弟节点
    nextSibling            下一个兄弟节点


增加节点:

    write();                                              写入页面(可写标签)
    document.createElement();            创建节点
    obj.appendChild();                          追加对象的子节点
    document.body.appendChild();     body节点追加子节点

创建多个节点时可灵活使用argument.length                       (argument为变量的所有数据)

节点内容可用:循环语句+argument[i]+创建赋值子节点的函数,实现创建

    //obj.innerHTML=   ;为对象内容赋值

复制节点:

 obj.cloneNode(flag)          flag是布尔类型    true时复制包含子节点  false时不包含子节点  默认为false

删除节点:

  obj.removeChild               删除对象的子节点

猜你喜欢

转载自blog.csdn.net/weixin_44390947/article/details/86531611