Dom对象,控制html元素


document.getElementsByName(name)//返回带有指定名称的节点对象的集合。
document.getElementsByTagName(Tagname)//返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。
node.firstChild//返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。
node.lastChild//返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。
elementNode.parentNode//获取指定节点的父节点
elementNode.parentNode.parentNode//访问祖节点

nodeObject.nextSibling//返回某个节点之后紧跟的节点(处于同一树层级中)如果无此节点,则该属性返回 null。

nodeObject.previousSibling//返回某个节点之前紧跟的节点(处于同一树层级中)如果无此节点,则该属性返回 null。
appendChild(newnode)//在指定节点的最后一个子节点列表之后添加一个新的子节点
insertBefore(newnode,node);//在已有的子节点前插入一个新的子节点。

参数:


newnode: 要插入的新节点。


node: 指定此节点前插入节点。

nodeObject.removeChild(node);//node :必需,指定需要删除的节点。
node.replaceChild (newnode,oldnew )// 实现子节点(对象)的替换。返回被替换对象的引用

参数:

newnode : 必需,用于替换 oldnew 的对象。 
oldnew : 必需,被 newnode 替换的对象。
document.createElement(tagName)//创建元素节点

参数:

tagName:字符串值,这个字符串用来指明创建元素的类型。

注意:要与appendChild() 或 insertBefore()方法联合使用,将元素显示在页面中。
document.createTextNode(data)//创建新的文本节点,返回新创建的 Text 节点

参数:

data : 字符串值,可规定此节点的文本。

elementNode.getAttribute(name)//通过元素节点的属性名称获取属性的值。

说明:

1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。

2. name:要想查询的元素节点的属性名字
elementNode.setAttribute(name,value)setAttribute() //方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。

说明:

1.name: 要设置的属性名。

2.value: 要设置的属性值。

优质内容筛选与推荐>>
1、GoogleBrain团队最新视频介绍
2、英特尔IT现状:移动计算成主旋律
3、macOSSierra安装Apache2.4+PHP7.0+MySQL5.7.16
4、如何安装VirtualBox的VBoxGuestAdditions扩展程序
5、【方法论】把奇怪变成理解,这个知识点你就掌握了


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号





    联系我们

    欢迎来到TinyMind。

    关于TinyMind的内容或商务合作、网站建议,举报不良信息等均可联系我们。

    TinyMind客服邮箱:support@tinymind.net.cn