精华内容
下载资源
问答
  • 在之前的文章中有提过HTML DOM文档对象模型,其中是对节点的介绍。 在HTML文档中的而全部内容都属于节点。 例如: 1,整个文档是一个文档节点 2,每个 HTML 元素是元素节点 3,HTML 元素内的文本是文本节点 4,每个 ...

    什么是对象:例如:人,大象,狮子等等都是对象。
    什么是方法:可以理解为人的行为,思想,吃,工作,睡觉等等,相同的方法,
    只是不同人的执行方法的时间不同。
    什么是属性:一个人的属性包括姓名,身高,体重,年龄,性别等等。每个人都有相同的属性,
    只是属性的值因人而异。
    在之前的文章中有提过HTML DOM文档对象模型,其中是对节点的介绍。
    在HTML文档中的而全部内容都属于节点。
    例如:
    1,整个文档是一个文档节点
    2,每个 HTML 元素是元素节点
    3,HTML 元素内的文本是文本节点
    4,每个 HTML 属性是属性节点
    5,注释是注释节点

    HTML DOM方法 即 节点的方法。
    HTML DOM方法是我们可以在节点(HTML元素)上可执行的的操作。
    HTML DOM 属性是我们可以在节点(HTML 元素)设置和修改的值。

    在编程中所有的HTML元素被定义为对象,而编程接口则是对象的方法和对象的属性。
    方法是您能够执行的动作(比如添加或修改元素)。
    属性是您能够获取或设置的值(比如节点的名称或内容)。
    编程接口:
    可通过JavaScript(以及其他的编程语言)对HTML DOM 进行访问。
    HTML DOM(节点)对象的方法和属性:
    常用基础方法:
    1,getElementById(id) - 获取带有指定 id 的节点(元素) 在这里插入图片描述
    2,getElementsByClassName(name)-获取带有指定类名(name)的节点(元素) 在这里插入图片描述
    3,getElementsByTagName(TagName)-获取指定标签名的节点(元素)
    4,createElement()-创建元素节点(元素)。
    5,appendChild(node) - 插入新的子节点(元素)
    6,removeChild(node) - 删除子节点(元素)
    在这里插入图片描述
    常用基础属性:
    1,innerHTML - 获取或修改节点(元素)的文本值
    在这里插入图片描述
    innerHTML 属性可用于获取或改变任意 HTML 元素,包括 和 。
    2,parentNode - 获取节点(元素)的父节点
    3,childNodes - 获取节点(元素)的子节点
    4,attributes - 获取节点(元素)的属性节点
    5,nodeName 属性规定节点的名称。
    (1)nodeName 是只读的
    (2)元素节点的 nodeName 与标签名相同
    (3)属性节点的 nodeName 与属性名相同
    (4)文本节点的 nodeName 始终是 #text
    (5)文档节点的 nodeName 始终是 #document
    注意: nodeName 始终包含 HTML 元素的大写字母标签名。
    6,nodeValue 属性规定节点的值。
    (1)元素节点的 nodeValue 是 undefined 或 null
    (2)文本节点的 nodeValue 是文本本身
    (3)属性节点的 nodeValue 是属性值
    7,nodeType 属性返回节点的类型。nodeType 是只读的。
    比较重要的节点类型有:在这里插入图片描述
    菜鸟教程:https://www.runoob.com/

    展开全文
  • 节点对象属性 1. 取得某节点下的某属性  Element root=document.getRootElement();   // 属性名 name  Attribute attribute=root.attribute("size"); 2. 取得属性的文字  String text=...

    Dom4j是一个简单、灵活的开放源代码的库。Dom4j是由早期开发JDOM开发的。与JDOM不同的是,dom4j使用接口和抽象的人分离出来而后独立基类,虽然Dom4jAPI相对要复杂一些,但它提供了比JDOM更好的灵活性。 

    Dom4j是一个非常优秀的Java XML API,具有性能优异、功能强大和极易使用的特点。现在很多软件采用的Dom4j,例如Hibernate,包括sun公司自己的JAXM也用了Dom4j

    使用Dom4j开发,需下载dom4j相应的jar文件。

    Document对象

    DOM4j中,获得Document对象的方式有三种:

    1.读取XML文件,获得document对象            

                       SAXReader reader = new SAXReader();
                  Document   document = reader.read(new File("input.xml"));

    2.解析XML形式的文本,得到document对象.

                       String text = "<members></members>";
                  Document document = DocumentHelper.parseText(text);

    3.主动创建document对象.

                      Document document = DocumentHelper.createDocument();
                 //创建根节点

                      Element root = document.addElement("members");

    节点对象

    1.获取文档的根节点.

          Element root = document.getRootElement();

    2.取得某个节点的子节点.

    Element element=node.element(“书名");

    3.取得节点的文字

          String text=node.getText();

    4.取得某节点下所有名为“member”的子节点,并进行遍历.
     List nodes = rootElm.elements("member");
     
      for (Iterator it = nodes.iterator(); it.hasNext();) {
         Element elm = (Element) it.next();
        // do something
     }

    5.对某节点下的所有子节点进行遍历.
        for(Iterator it=root.elementIterator();it.hasNext();){
           Element element = (Element) it.next();
           // do something
        }

    6.在某节点下添加子节点.
    Element ageElm = newMemberElm.addElement("age");

    7.设置节点文字.
     element.setText("29");

    8.删除某节点.
    //childElm是待删除的节点,parentElm是其父节点

        parentElm.remove(childElm);

    9.添加一个CDATA节点.
    Element contentElm = infoElm.addElement("content");
    contentElm.addCDATA(diary.getContent());

    节点对象属性

    1.取得某节点下的某属性
        Element root=document.getRootElement();    
        //属性名name

             Attribute attribute=root.attribute("size");

    2.取得属性的文字
        String text=attribute.getText();

     3.删除某属性
     Attribute attribute=root.attribute("size");
     root.remove(attribute);

    3.遍历某节点的所有属性
       Element root=document.getRootElement();    
       for(Iterator it=root.attributeIterator();it.hasNext();){
             Attribute attribute = (Attribute) it.next();
             String text=attribute.getText();
             System.out.println(text);
        }

    4.设置某节点的属性和文字.
       newMemberElm.addAttribute("name", "sitinspring");

    5.设置属性的文字
       Attribute attribute=root.attribute("name");
       attribute.setText("sitinspring");

    将文档写入XML文件.

    1.文档中全为英文,不设置编码,直接写入的形式.
      XMLWriter writer = new XMLWriter(new  FileWriter("output.xml"));
      writer.write(document);
      writer.close();

    2.文档中含有中文,设置编码格式写入的形式.
    OutputFormat format = OutputFormat.createPrettyPrint();
    // 指定XML编码                   

         format.setEncoding("GBK");       
    XMLWriter writer = new XMLWriter(newFileWriter("output.xml"),format);
    writer.write(document);
    writer.close();

    Dom4j在指定位置插入节点

    1.得到插入位置的节点列表(list

    2.调用list.add(index,elemnent),由index决定element的插入位置。

    Element元素可以通过DocumentHelper对象得到。示例代码:

    Element aaa = DocumentHelper.createElement("aaa");

    aaa.setText("aaa");

    List list = root.element("").elements();

    list.add(1, aaa);

    //更新document

    字符串与XML的转换 

    1.将字符串转化为XML
     

         String text = "<members> <member>sitinspring</member></members>";
    Document document = DocumentHelper.parseText(text);

    2.将文档或节点的XML转化为字符串.

         SAXReader reader = new SAXReader();
    Document   document = reader.read(new File("input.xml"));            
    Element root=document.getRootElement();    

                
    String docXmlText=document.asXML();

    String rootXmlText=root.asXML();
    Element memberElm=root.element("member");
    String memberXmlText=memberElm.asXML();

    展开全文
  • DOM节点对象

    2019-01-21 19:33:52
    DOM节点对象 js三大块 JavaScript核心 DOM:document object model 文档对象模型。 BOM:browser object model 浏览器对象模型。 DOM 节点: 节点种类:元素节点(标签) 文本节点...节点对象属性和方法。 innerHT...

    DOM节点对象
    js三大块
    JavaScript核心
    DOM:document object model 文档对象模型。
    BOM:browser object model 浏览器对象模型。

    DOM
    节点:
    节点种类:元素节点(标签) 文本节点(内容) 属性节点 等十二种。
    节点关系:兄弟节点 父子关系 父节点 子节点 兄弟节点。
    节点对象:属性和方法。

    innerHTML 开始标记和结束标记之间的内容
    document 文档对象
    body

    节点对象的属性:
    				childNodes     			获取所有的子节点(元素节点、文本节点)    NodeList   索引 0    length  节点个数
    				firstChild				获取第一个节点
    				lastChild				获取最后一个节点
    				parentNode  			父节点
    				previousSibling   		上一个兄弟节点
    				nextSibling    			下一个兄弟节点	
    

    document 文档对象

    			属性:
    				body         body元素对象
    				title        标题
    				URL 		 网页地址
    
    				links          超链接    HTMLCollection  集合  索引  0       length
    				images         图片
    				forms          
    
    			方法:
    				write
    				writeln
    				getElementById      根据ID查找节点对象
    					    返回值:   节点对象,null
    

    节点操作:增删改查
    增加节点:

    createElement();								创建节点
    createTextNode();								创建文本节点
    appendChild();									追加子节点
    insertBefore(	新	,	旧	);					插入节点
    

    删除节点

    removeChild();									删除节点
    

    复制节点

    cloneNode();										复制节点				(默认只复制不包括子节点)
    cloneNode(	true	);								复制包含子节点
    

    替换节点

    replaceChild(	新	,	旧	);						替换节点
    

    节点属性

    节点对象的属性:
    				childNodes
    				firstChild
    				lastChild
    				parentNode
    				previousSibling
    				nextSibling
    
    			节点属性:
    				HTML        DOM
    				src  		src
    				title		title
    				href		href
    				action		action
    				alt 		alt
    				for         htmlFor
    				class 		className
    
    			1.节点属性值的设置
    				节点对象.属性名=值;
    			2.节点属性值的获取
    				节点对象.属性名
    
    展开全文
  • jsTree添加节点添加自定义属性

    千次阅读 2017-12-26 21:33:44
    遇到一个jsTree节点添加自定义属性的问题的 在节点添加"a_attr":{"href":"qwqwe"} 就可以了
    遇到一个jsTree节点添加自定义属性的问题的  在节点中添加"a_attr":{"href":"qwqwe"} 就可以了
    
    展开全文
  • 节点对象属性childNodes—返回节点到子节点的节点列表firstChild—返回节点的首个子节点。lastChild—返回节点的最后一个子节点。nextSibling—返回节点之后紧跟的同级节点。nodeName—返回节点的名字,根据其类型。...
  • DOM创建节点添加属性

    千次阅读 2015-10-27 12:53:43
    这里是页面的实例:            first  second ...通过文本对象模型的操作进行添加导航,或者其他操作,javascript文件下:  function demo () {  var firstParent=document.createEle
  • * Element:元素对象 1. 获取/创建:通过document来获取和创建 ... * Node:节点对象,其他5个的父对象 * 特点:所有dom对象都可以被认为是一个节点 * 方法: * CRUD dom树: * appendChild():...
  • JAXB为子节点添加属性

    千次阅读 2018-03-23 11:23:57
    在项目中使用了jaxb,但是遇到一个问题,有很多的子节点需要有属性值,如下所示:&lt;book&gt; &lt;name id="1"&gt;Java&lt;/name&gt; &lt;price&gt;50.0&lt;/...
  • ocument对象使我们可以用JavaScript对 ...Document对象属性和方法中有的可返回单个Element元素对象,有的会返回一个HTMLCollection元素集合对象,其中保存了对锚、表单、链接以及其他元素的引用。 Document对象
  • 节点就是标签对象 方法 : 通过具体的元素节点调用 getElementsByTagName() 方法,获取当前节点的指定标签名孩子节点 appendChild(oChildNode) 方法,可以添加一个子节点,oChildNode是要添加的孩子节点 属性: ...
  • 属性属性节点

    千次阅读 2019-05-28 16:39:56
    只要对象身上都可以添加属性(无论是自定义对象,还是DOM对象) // 1.自定义一个对象 var obj = {}; console.log(obj); // 2.动态给自定义对象添加属性 obj.name = "lnj"; // name就是对象obj的一个属性 obj.age = 33; ...
  • jQuery属性属性节点

    2019-09-18 19:43:56
    对象身上保存的变量就是属性。 如何操作属性对象.属性名称 = 值; 对象["属性名称"] = 值 对属性赋值 对象.属性名称; 对象.["属性名称"]; 取得属性 什么是属性节点 如何操作属性节点 属性属性节点有什么区别...
  • DOM节点信息、DOM属性、三大节点、替换节点、查找设置属性节点、创建删除插入节点、innerHTML属性、显示弹出窗口 DOM节点信息 每个节点都拥有包含着关于节点某些信息的属性。这些属性是: nodeName(节点名称...
  • HTML DOM定义:关于如何获取,修改,添加或删除HTML元素的标准HTML文档中的所有内容都是节点: 文档节点:整个文档 元素节点:每个HTML元素 文本节点:HTML元素内的文本 属性节点:每个HTML属性 注释节点:注释 ...
  • 练习题: 制作一个表格,显示班级的学生信息。 要求: ...2. 点击添加按钮,能动态在最后添加一行 3. 点击删除按钮,则删除当前行 new document window.onload = functio
  • 属性节点属性和方法

    千次阅读 2017-07-21 23:25:59
    NamedNodeMap 对象在 HTML DOM 中,NamedNodeMap 对象表示元素属性节点的无序集合。NamedNodeMap 中的节点可通过名称或索引(数字)来访问。浏览器支持 google IE firefox safari opera true
  • 节点就是标签对象方法: 通过具体的元素节点调用 getElementsByTagName() 方法,获取当前节点的指定标签名孩子节点 appendChild( oChildNode ) 方法,可以添加一个子节点,oChildNode 是要添加的孩子节点 属性: ...
  • 文本对象模型DOM是定义访问和处理HTML文档的标准方法。DOM对象模型的出现,使得...HTML元素允许相互嵌套,DOM将HTML文档呈现为带有元素、属性和文本的树结构(节点图)。将HTML代码分解为DOM节点层次图。 ...
  • 节点属性

    2019-06-09 14:14:38
    节点属性 开发工具与关键技术: 作者:赵纯雨 班级:1804 撰写时间:2019.6.3 节点属性的三种方法和描述: 第一种:nodename:它返回一个字符串,其内容是给定节点的名字 第二种:nodetype:它返回的是一个整体,...
  • 一、什么是属性节点 1. 什么是属性?...  编写HTML代码时,在标签中添加属性就是属性节点 3.2 下图显示如何在浏览器中找到属性节点:   1. 在浏览器中找到的DOM元素,展开看到的都是属性   2...
  • DOM是文档对象模型,规定了文档的显示结构,可以轻松地删除、添加和替换节点 说白了,dom就是节点操作 关于dom可以看这个链接https://blog.csdn.net/u012155729/article/details/78135393 常见节点:文档节点,元素...
  • 获得xml节点节点属性节点内容

    千次阅读 2015-10-15 18:36:02
    一、DOM4j中,获得Document对象的方式有三种: [java] view plaincopy 1.读取XML文件,获得document对象   SAXReader reader = new SAXReader();  Docume
  • 对象方法:getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)。getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表。appendChild()把新的子节点添加到指定...
  • 列:获取text框的值最大长度(获取属性) 列:统计div节点个数、获去div元素节点和文本节点 列:获取多选按钮选中的值 列:设置div颜色 BOM介绍 BOM-JavaScript是运行在浏览器中,提供了一系列对象...
  • /// 查找子节点对象 /// 内部使用“递归算法” /// /// 父对象 /// 查找的子对象名称 /// <returns></returns> public static Transform FindTheChildNode(GameObject goParent, string chiildName) { ...
  • 一、设置或获取元素对象中(标签中)的属性和自定义属性 对象.属性 对象['属性'] 对象.getAttribute('属性名') ...二、outerHTML : 当前节点对象及所有子节点(标签及所有内容) innerHTML...
  • DOM ... 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model);  文档:DOM的D  如果没有ducument文档,DOM就... JavaScript中的对象分为三种,用户自定义对象,内在对象(如:Array,...
  • DOM节点属性和方法

    千次阅读 2017-07-13 21:19:39
    HTML DOM Element 对象...所有 HTML 属性属性节点 HTML 元素内的文本是文本节点 注释是注释节点 Element 对象在 HTML DOM 中,Element 对象表示 HTML 元素。Element 对象可以拥有类型为元素节点、文本节点、注释

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 313,964
精华内容 125,585
关键字:

节点对象增加属性