精华内容
下载资源
问答
  • 操作属性节点 属性节点就是在标签上的各种属性,例如class,name,id等; 操作属性节点主要用到jQuery中:attr函数,removeAttr函数 attr函数是用来查询和设置属性节点的函数 查询属性:在attr函数中只写一个...

    操作属性节点

    属性节点就是在标签上的各种属性,例如class,name,id等;

    • 操作属性节点主要用到jQuery中:attr函数,removeAttr函数
      • attr函数是用来查询和设置属性节点的函数
        • 查询属性:在attr函数中只写一个属性名就代表查询属性
          • 注意:无论找到多少个元素,都只会返回第一个元素指定的属性节点的值
        • 设置属性:在attr函数中写属性名和属性值两个属性表示设置
          • 注意:找到多少个元素就会设置多少个元素
      • removeAttr函数是用来删除属性节点的函数:
        • 会删除所有找到元素指定的属性节点
        • 如果想一次删除多个属性节点就用空格间隔,输入第二个
    //查询class属性
    console.log($("span").attr("class"));
    //设置class为box
    $("span").attr("class", "box");
    //删除class和name
    $("span").removeAttr("class name");
    

    操作属性

    操作属性和操作属性节点大同小异

    • 操作属性节点主要用到jQuery中:prop函数,removeProp函数
      • 注意点:prop不但能操作属性,也能操作属性节点(因为属性节点在attributes属性中)
    • 操作属性节点attr和prop的具体用法:
      • 具有 true 和 false 两个属性的属性节点 checked, selected 或者 disabled 使用 prop(), 其他的使用 attr()
    //查看属性
    $("span").prop("demo")//返回第一个找到的
    //设置属性
    $("span").prop("demo", "it666");
    //删除属性
    $("span").removeProp("demo")
    //获取属性节点
    console.log($("span").prop("class"))
    //设置属性节点
    $("span").prop("class", "box")
    

    操作css类

    就是添加或者删除类的操作:addClass,removeClass,toggleClass

    • 添加类(addClass)
      • 如果想要添加多个类,用空格隔开
    • 删除类(removeClass)
      • 如果想要删除多个类,用空格隔开
    • 切换类
      • 如果没有此类就添加,如果有就删除
      • 多个还是用空格隔开
    $("div").addClass("class1 class2");
     $("div").removeClass("class1 class2");
    $("div").toggleClass("class1 class2");
    

    操作HTML代码/文本/值

    在jQuery用的方法为:html ,text,val---->相当于原生js的innerHTML和innerText和设置value

    • 这三个方法的设置和获取都是一个函数
      • 设置,传入要设置的内容
      • 获取,什么都不用穿
    //相当于原生的innerHTML(设置代码)
    $("div").html("<p>我是段落<span>我是span</span></p>");
    //获取后代代码
    console.log($("div").html());
    
    //相当于原生innerText(设置文本)
    $("div").text("我是一个文本内容");
    //获取文本
     console.log($("div").text());
    
    //设置value
    $("input").val("请输入内容");
    //获取value
    console.log($("input").val());
    
    展开全文
  • (2)属性节点:一般是元素节点的属性,比如上图中的“宽度”属性 也就是width="80 px"这一部分。 (3)文本节点:DOM中用于呈现文本的部分,如上图中的 “点我” 儿子,一般被包含在元素节点的开闭合...

    (1)元素节点:一般是拥有一对开闭合标签的元素整体,例如上图中的<ul>...</ul>这一部分都属于一个元素节点。

    (2)属性节点:一般是元素节点的属性,比如上图中的“宽度”属性 也就是width="80 px"这一部分。

    (3)文本节点:DOM中用于呈现文本的部分,如上图中的 “点我” 儿子,一般被包含在元素节点的开闭合标签内部。

    展开全文
  • 属性节点 属性节点返回属性名, 文本节点 文本节点返回#text。nodeName,是只读的。 2 .nodeType 1,元素节点; 2,属性节点; 3,文本节点。nodeType是只读的。 3 .nodeValue 返回一个字

    1 .nodeName

    元素节点        元素标记名/节点名称, 相当于tagName

    .属性节点       属性节点返回属性名,

    文本节点          文本节点返回#text。nodeName,是只读的。

    2 .nodeType

    1,元素节点;

    2,属性节点;

    3,文本节点。nodeType是只读的。


    3 .nodeValue     返回一个字符串,指示这个节点的值。

    元素节点   元素节点返回null,


    属性节点        属性节点返回属性值,


    文本节点          文本节点返回文本。nodeValue可读可写,这是对元素节点不能写。一般只用于设置文本节点的值。 

    展开全文
  • 属性节点 属性节点由Attr类型表示,在文档树种被称为元素的特性,习惯称之为标签的属性。属性节点具有以下特征: nodeType值为11 nodeName值为特性的名称 nodeValue值为null 在HTML中不包含子节点 在XML中子节点...

    属性节点

    属性节点由Attr类型表示,在文档树种被称为元素的特性,习惯称之为标签的属性。属性节点具有以下特征:

    • nodeType值为11
    • nodeName值为特性的名称
    • nodeValue值为null
    • 在HTML中不包含子节点
    • 在XML中子节点可以是Text、EntityReference

    访问属性节点

    Attr是Element的属性,作为一种节点类型,它继承了Node类型的属性和方法。不过Attr没有父节点,同时属性也不被认为是元素的子节点,对于很多Node的属性来说都将返回null。

    Attr对象包含3个专用属性,简单说明如下:

    • name:返回属性名称,与nodeName的值相同
    • value:设置或返回属性的值,与nodeValue的值相同
    • specified:如果属性值是在代码中设置的,则返回true,如果为默认值,则返回false

    创建属性节点:

    document.createAttribute(name)//name表示新创建的属性名称
    

    读取属性

    使用元素的getAttrbute()方法可以快速读取指定元素的属性值,传递的参数是一个以字符串形式表示的元素属性名称,返回的是一个字符串类型的值,如果给定属性不存在,则返回的值为null。

    示例:读取属性,三种方式

    <div id="box">document.createAttribute(name)</div>
    <script>
    	var element = document.getElementById("box");
    	var attr = document.createAttribute("align");
    	attr.value = "center";
    	element.setAttributeNode(attr);
    	alert(element.attributes["align"].value);
    	alert(element.getAttributeNode("align").value);
    	alert(element.getAttribute("align));
    </script>
    

    示例:使用className读写样式类

    <label id="label1" class="Class1" for="textfield">文本框:
    	<input type="text" name="textfield" id="textfield" />
    </label>
    <script>
    	var label = document.getElementById("label1");
    	alert(label.className);
    	alert(label.htmlFor);
    </script>
    

    示例:对于复合类样式,需要使用split()方法劈开返回的字符串,然后遍历读取类样式

    <div id="red" class="red blue">红盒子</div>
    <script>
    	var classNameArray = document.getElementById("red").className.split(" ");
    	for(var i in classNameArray){
    		alert(classNameArray[i]);
    	}
    </script>
    

    设置属性值

    使用元素的setAttribute()方法可以设置元素的属性

    setAttribute(name, value)
    

    参数name和value参数分别表示属性名称和属性值。属性名和属性值必须以字符串的形式进行传递。如果元素中存在指定的属性,它的值将被刷新;如果不存在,则setAttribute()方法将为元素创建该属性并复制。

    示例:定义一个文本节点和元素节点,为h1设置title属性,添加到文档结构中

    var hello = document.createTextNode("Hello World!");
    var h1 = document.createElement("h1");
    h1.setAttribute("title", "你好,欢迎光临!");
    h1.appendChild(hello);
    document.body.appendChild(h1);
    

    示例:直接使用className添加类样式,会覆盖掉元素原来的类样式。这时应该采用叠加的方式添加类

    <div id="red">红盒子</div>
    <script>
    	var red = document.getElementById("red");
    	red.className = "red";
    	red.className += " blue";
    </script>
    

    删除属性

    使用元素的removeAttribute()方法可以删除指定的属性:

    removeAttribute(name)//name表示元素的属性名
    

    示例:动态设置表格的边框

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script>
    			window.onload = function(){
    				var table = document.getElementsByTagName("table")[0];//获取表格外框引用
    				var del = document.getElementById("del");//获取删除按钮
    				var reset = document.getElementById("reset");//获取恢复按钮
    				del.onclick = function(){
    					table.removeAttribute("border");//删除属性
    				}
    				reset.onclick = function(){
    					table.setAttribute("border", "2");
    				}
    			}
    		</script>
    	</head>
    	<body>
    		<table width="500px" border="2">
    			<tr>
    				<td>数据表格</td>
    			</tr>
    		</table>
    		<button id="del">删除</button>
    		<button id="reset">恢复</button>
    	</body>
    </html>
    

    在这里插入图片描述

    在这里插入图片描述

    展开全文
  • js——属性和属性节点 样式操作

    千次阅读 2018-08-25 16:25:31
    属性: 对象身上保存的变量就是属性 ele[attr];//获取属性 ele[attr]=value;//设置属性 属性节点: 在html添加的属性就是属性节点,保存在attributes里面 ...//获取属性节点 ...//设置属性节点...
  • 属性节点 属性本身就是一个对象(Attr对象),但是实际上我们都是操作的Element对象来进行操作属性。(可读可写) Element.id Element.src="" 如果某个属性是标准属性,我们可以直接用这个属性 Element....
  • Labview 属性节点讲解

    千次阅读 2016-07-13 19:14:10
    属性节点 所属选板:应用程序控制VI和函数 必需:基础版开发系统 获取(读取)和/或设置(写入)引用的属性。通过属性节点对本地或远程应用程序实例、VI或对象获取或设置属性和方法也可通过属性节点发访问...
  • 属性节点的属性和方法

    千次阅读 2017-07-21 23:25:59
    NamedNodeMap 对象在 HTML DOM 中,NamedNodeMap 对象表示元素属性节点的无序集合。NamedNodeMap 中的节点可通过名称或索引(数字)来访问。浏览器支持 google IE firefox safari opera true
  • 一张图区分JavaScript DOM中的元素节点、属性节点和文本节点
  • js属性节点的nodeValue值

    千次阅读 2019-07-04 17:08:29
    属性节点的nodeValue值 元素节点的 nodeValue 是 undefined 或 null 文本节点的 nodeValue 是文本自身 属性节点的 nodeValue 是属性的值 li是一个元素节点,所以它的nodeValue是null 或undefined. ...
  • JavaScript获取节点——获取属性节点

    千次阅读 2016-11-27 19:37:55
    0.前言  上一章讲了如何获取获取标签(元素)节点,这一节来和大家说一下如何获取属性节点。 我还是用代码来讲解:<!DOCTYPE html> 获取属性节点 <input type="text" id="in" plac
  • 操作属性节点有两种当时,一种是通过普通对象的方式来操作属性节点,另外一种是通过属性节点的方法来操作属性节点。 1. 元素节点.属性或元素节点[属性] 如果我们可以把元素节点当成普通对象来处理,通过 元素节点....
  • document 获得元素节点,属性节点,文本节点。   ※Element在w3c xml DOM中,HTML没有。 (添加,修改,替换,删除,都在xml dom中) http://www.w3school.com.cn/xmldom/dom_element.asp   ...
  • 这些节点名称在此为了更好的做出解释,在此我引用了w3school上的一段话,并加以实例说明:根据 W3C 的 HTML DOM 标准,HTML 文档(html页面)中的所有... 4:每个 HTML 属性是属性节点 5:页面注释是注释节点 HTML DOM
  • 节点信息 每个节点都拥有包含着关于节点某些信息的属性。这些属性是: nodeName(节点名称)...在实际应用中,经常用到的就是元素节点、属性节点和文本节点了,下面我们通过小段代码进行讲解 1:元素节点
  • 获取属性节点

    千次阅读 2015-10-10 10:59:48
    代码示例如下: ==================================              Document     //拿到文本框对象 var txt = document.getElementById("txt")...//拿到属性节点 var atts = txt.attributes ; //attribut
  • jQuery中的属性和属性节点的详细介绍1.0   在看完江哥对jQuery中属性和属性节点这几段视频后,还是感觉有必要总结下,也能供大家参考: 1.什么是属性? 对象身上保存的变量就是属性   2.如何操作属性? ...
  • 一.什么是DOM ...它提供了对文档的结构化的表述,并定义了一种方式可以使从程序中对该结构进行访问,从而改变文档的结构,样式和内容。 ...DOM节点分为三大类: 元素节点(标签节点)、属性节点和文本...
  • 什么是属性节点?如何操作属性节点?属性和属性节点有什么区别? 什么是属性? 对象上保存的变量就是属性。 例如下面这个栗子: 给person这个对象添加了一个age属性 function Person() { }; var person = new ...
  • document 获得元素节点,属性节点,文本节点。   ※Element在w3c xml DOM中,HTML没有。 (添加,修改,替换,删除,都在xml dom中) http://www.w3school.com.cn/xmldom/dom_element.asp   获得元素节点...
  • Labview中的属性节点

    2014-12-03 10:19:00
    通过属性节点对本地或远程应用程序实例、VI或对象获取或设置属性和方法也可通过属性节点访问LabVIEW类的私有数据。 属性节点可自动调整为用户所引用的对象的类。LabVIEW的属性节点可访问XML属性、VISA属性、.NET...
  • 属性和属性节点

    千次阅读 2019-05-28 16:39:56
    1.什么是属性属性就是对象身上保存的变量 只要对象身上都可以添加属性(无论是自定义对象,还是DOM对象) // 1.自定义一个对象 var obj = {}; console.log(obj); // 2.动态给自定义对象添加属性 obj.name = "lnj"; /...
  • 创建属性节点  个人感觉有点像C中的指针   创建调用节点
  • jQuery创建属性节点

    2012-04-20 17:33:33
    $("'color : red;background-color:blue;'  ">");...插入属性节点的方法和插入元素节点方法一样 注意:无论是创建元素节点,还是文本节点,还是属性节点,都可以模仿HTML语格式编写HTML代码字符串
  • 诚然DOM中有三大节点,分别是元素节点,文本节点,属性节点 元素节点:构成了DOM的基础。文档结构中,是根元素,代表整个文档,其他的还有,,,等等。元素节点之间可以相互包含(当然遵循一定的规则) 文本节点:...
  • DOM节点信息、DOM属性、三大节点、替换节点、查找设置属性节点、创建删除插入节点、innerHTML属性、显示弹出窗口 DOM节点信息 每个节点都拥有包含着关于节点某些信息的属性。这些属性是: nodeName(节点名称...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 40,619
精华内容 16,247
关键字:

属性节点