博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
动态创建html内容时所用的W3C DOM属性和方法
阅读量:6827 次
发布时间:2019-06-26

本文共 1799 字,大约阅读时间需要 5 分钟。

document的属性和方法: 

 document.createElement(tagName) :文档对象上的createElement方法可以创建由tagName指定的元素.如果以串div作为方法参数,就会生成一个div元素. 
 document.createTextNode(text) :文档对象的createTextNode方法会创建一个包含静态文本text的文本节点. 
 document.createAttribute(): 用指定的名字创建新的Attr节点. 
 document.createComment() :用指定的字符串创建新的Comment节点. 
 document.getElementById(): 返回文档中具有指定id的Element节点. 
 document .getElementsByTagName(): 返回文档中具有指定标记名的所有Element节点.返回为一Element节点数组; 
 节点的属性和方法: 
 appendChild(childNode) :appendChild方法将指定的节点增加到当前元素的子节点列表(作为一个新的子节点).例如,可以增加一个option元素,作为select元素的子节点. 
getAttribute(name) : 该方法用来获得元素中name属性的值. 
setAttribute(name,value) : 该方法用来设置元素中name属性的值. 
insertBefore(newNode,targetNode) :该方法将节点newNode作为当前元素的子节点插到targetNode子节点元素的前面. 
removeAttribute(name) :该方法从元素中删除属性name. 
removeChild(childNode) :该方法从元素中删除子元素childNode. 
replaceChild(newNode,oldNode) :该方法将节点oldNode替换为节点newNode.
hasChildNodes() :该方法返回一个布尔值,指示元素是否有子元素. 
tagName :元素的标记名称,比如<p>元素为PHTML文档返回的tagName均为大写;
getAttributeNode() :以Attr节点的形式返回指定属性的值;
getElementsByTagName() :返回一个Node数组,包含具有指定标记名的所有Element节点的子孙节点,其顺序为在文档中出现的顺序.
hasAttribute() :如果该元素具有指定名字的属性,则返回true;
removeAttributeNode() :从元素的属性列表中删除指定的Attr节点.
setAttributeNode() :把指定的Attr节点添加到该元素的属性列表中.
cloneNode(true) :复制当前节点,true表示复制当前节点以及它的所有子孙节点.
Node对象常用属性:
<element>.attributes :如果该节点是一个Element,则以namedNodeMap形式返回该元素的属性.
<element>.childNodes :以Node[]的形式存放当前节点的子节点.如果没有子节点,则返回空数组.
<element>.firstChild :以Node的形式返回当前节点的第一个子节点.如果没有子节点,则为null.
<element>.lastChild :以Node的形式返回当前节点的最后一个子节点.如果没有子节点,则为null.
<element>.nextSibling :以Node的形式返回当前节点的兄弟下一个节点.如果没有这样的节点,则返回null.
<element>.previousSibling :以Node的形式返回紧挨当前节点,位于它之前的兄弟节点.如果没有这样的节点,则返回null.
<element>.parentNode :以Node的形式返回当前节点的父节点.如果没有父节点,则返回null.
<element>.nodeType :代表节点的类型.
<element>.nodeName :节点的名字,Element节点则代表Element的标记名称.

转载于:https://www.cnblogs.com/xiao-xue/p/7091680.html

你可能感兴趣的文章
学霸也要会看书
查看>>
解读tensorflow之rnn 的示例 ptb_word_lm.py
查看>>
Linux内核--并发【转】
查看>>
关于对FLASH开发,starling、starling feathers、starling MVC框架的理解
查看>>
Nginx的基本配置案例
查看>>
一线架构师带你玩性能优化
查看>>
13. 关于IDEA工具在springboot整合mybatis中出现的Invalid bound statement (not found)问题
查看>>
mysql监测工具
查看>>
Centos防火墙设置与端口开放的方法
查看>>
工作总结 razor 接收datatable
查看>>
[leetcode]Unique Paths II
查看>>
C#调用dll时的类型转换总结
查看>>
在线预览Word,Excel
查看>>
Exception loading sessions from persistent storage 这个问题的解决
查看>>
python dns server开源列表 TODO
查看>>
Go中的make和new的区别
查看>>
javascript 面向对象编程(工厂模式、构造函数模式、原型模式)
查看>>
最小二乘法多项式拟合的Java实现
查看>>
ubuntu下安装tomcat
查看>>
Excel两列查找重复值
查看>>