动态创建html内容时所用的W3C DOM属性和方法

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的标记名称.

时间: 2024-08-01 22:37:16

动态创建html内容时所用的W3C DOM属性和方法的相关文章

《DOM Scripting》学习笔记-——第七章 动态创建html内容

本章内容: 1.动态创建html内容的"老"技巧:document.write()和innerHTML属性 2.DOM方法:createElement(),creatTextNode(),appendChild(),insertBefore(). 一.document.write() 语法:document.write(" ") document.write(变量) 缺点:违背了"分离js"原则.即使把document.write语句挪到外部函数

org.w3c.dom.Node.getTextContent()方法编译错误-已解决

org.w3c.dom.Node.getTextContent()方法编译错误. 在项目的Java Build Path | Order and Export选项卡中,将JRE System Library选中,并Top置顶.然后再进行编译即可. 参考: https://blog.csdn.net/maoxiao1229/article/details/51694553 原文地址:https://www.cnblogs.com/wrong/p/10441783.html

第七章 动态创建HTML内容

javascript也可以改变网页的结构和内容 document.write()方法 可以方便快捷地把字符串插入到文档里 document.write("<strong>hello world.</strong>"); /* function insertP(text){ var str = "<p>"; str += text; str +="</p>"; document.write(str);

Hadoop MapReduce编程创建maven项目时所用到的pom依赖

<dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>3.8.1</version> <scope>test</scope> </dependency> <dependency> <groupId>org.apache.hadoop</groupId>

mysql 创建外键时发生错误的原因和解决方法

可以去网上查看错误号,就能知道到底哪里出错了 https://zhidao.baidu.com/question/359868536.html 这里1452对应的错误是因为建立外键的表中还有数据,所以外键建立失败,删除数据后再添加即可成功建立外键 原文地址:https://www.cnblogs.com/kinome/p/9051584.html

动态创建数组

使用运算符new也可以创建数组类型的对象,这时需要给出数组的结构说明.用new运算符动态创建一维数组的语法形式为: new 类型名[数组长度]: 其中数组长度指出了数组元素的个数,它可以是任何能够得到正整数值的表达式. 细节: 用new动态创建一维数组时,在方括号后仍然可以加小括号"()",但小括号内不能带任何参数.是否加"()"的区别在于,不加"()",则对数组每个元素的初始化,与执行"new T"时所进行初始化的方式相同:

JS内置对象的原型不能重定义?只能动态添加属性或方法?

昨天马上就快下班了,坐在我对面的同事突然问我一个问题,我说“爱过”,哈哈,开个玩笑.情况是这样的,他发现JS的内置对象的原型好像不能通过字面量对象的形式进行覆盖, 只能动态的为内置对象的原型添加属性或方法,下面那个具体的例子说明: var arr=[]; Array.prototype={ push:function(){ alert("1"); } }; arr.push(); //没有任何输出 有人可能会说了“你先定义的arr,后来又修改了Array.prototype,这时Arr

C#在运行时动态创建类型的实现方法

本文实例讲述了C#在运行时动态创建类型的实现方法.是C#项目开发中很实用的技巧.分享给大家供大家参考.具体分析如下: 具体来说, C# 在运行时动态的创建类型是通过动态生成C#源代码,然后通过编译器编译成程序集的方式实现动态创建类型的 . 主要功能代码如下: public static Assembly NewAssembly() { //创建编译器实例. provider = new CSharpCodeProvider(); //设置编译参数. cp = new CompilerParame

C# 在运行时动态创建类型

C# 在运行时动态的创建类型,这里是通过动态生成C#源代码,然后通过编译器编译成程序集的方式实现动态创建类型 public static Assembly NewAssembly() { //创建编译器实例. provider = new CSharpCodeProvider(); //设置编译参数. cp = new CompilerParameters(); cp.GenerateExecutable = false; cp.GenerateInMemory = true; // Gener