当前位置:Gxlcms > JavaScript > javascriptdom对象专属属性实例汇总

javascriptdom对象专属属性实例汇总

时间:2021-07-01 10:21:17 帮助过:12人阅读

专属属性指那些专属于某种标签的属性。比如 <a> 标签,有href和target属性。<img> 有src属性; <form>有entype以及action属性……

a_element.href 返回当前节点指向的超链接

再来看看较为常用的通用方法:


1 element.appendChild(nodeName) 向元素添加新的子节点,作为最后一个子节点,并返回该子节点。如需向 HTML DOM 添加新元素,您首先必须创建该元素,然后把它追加到已有的元素上。

js演示代码:


2 element.getAttribute(para) 返回元素节点的指定属性值。

js演示代码:


输出name的值

3 element.getAttributeNode(para) 返回指定的属性节点。

js演示代码:


输出name属性节点

4 element.getElementsByTagName(para) 返回拥有指定标签名的所有子元素的集合。

js演示代码:


输出

5 element.hasAttribute(para) 如果元素拥有指定属性,则返回true,否则返回 false。

js演示代码:


输出

6 element.insertBefore(insertNode,appointedNode) 在指定的已有的子节点之前插入新节点。

js演示代码:


7 element.removeAttribute() 从元素中移除指定属性。

js示例代码:


8 element.removeChild() 从元素中移除子节点。移除的节点虽然不在文档树中了,但其实还在内存中,可以随时被引用。

js示例代码:


9 element.replaceChild(newNode,replaceNode) 把指定节点替换为新节点。

10 element.setAttribute(attrName,attrValue) 把指定属性设置或更改为指定值。

js示例代码:


11 element.setAttributeNode() 修改指定属性节点

js示例代码:


12 nodelist.item() 返回 NodeList 中位于指定下标的节点。

js示例代码:


以上就是javascript dom对象专属属性实例汇总的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行