getAttribute方法的行使,的行使介绍

作者: 韦德国际1946国际网址  发布:2019-09-02

getAttribute()方法
由来,大家早就向我们介绍了三种检索特定成分节点的措施:一种是使用getElementById()方法,另一种是应用getElementsByTagName()方法。在找到极其成分后,咱们就足以采纳getAttribute()方法把它的各类品质的值查询出来。
getAttribute()方法是三个函数。它唯有叁个参数——你图谋询问的品质的名字:
object.getAttribute(attribute)
只是,getAttribute()方法不能够透过document对象调用,那与我们在此以前介绍过的另外形式不一样。大家不得不通过三个因三秋点指标调用它。
例如说,你能够把它与getElementsByTagName()方法结合起来,去询问每一种

认识DOM

文书档案对象模型DOM(Document Object Model)定义访谈和拍卖HTML文书档案的行业内部措施。DOM 将HTML文书档案展现为含有成分、属性和文书的树结构(节点树)。

Definition and Usage
概念和用法

getAttribute:获得属性;
setAttribute:设置属性;

要素的title属性,如下所示:
var text=document.getElementsByTagName("p")
for (var i=0;i
{
alert(text[i].getAttribute("title"));
}
万一把地方这段代码插入到前面给出的“购物清单”示例文书档案的最后,并在Web浏览器里再度加载这么些页面,荧屏中校弹出四个显得着公文音信“a gentle reminder”的alter对话框。
在“购物清单”文书档案里独有一个包含title属性的

先来拜望上边代码:

图片 1

The getAttribute() method gets an attribute value by name.
getAttribute()方法得到钦赐名称所对应的属性值。
Syntax
语法

复制代码 代码如下:

要素。如若那份文书档案还应该有一个或更四个不带title属性的

1).将HTML代码分解为DOM节点档期的顺序图:

图片 2

elementNode.getAttribute(name)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "getAttribute方法的行使,的行使介绍。;
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>Untitled Document</title>
        <script language="JavaScript">
            function change() {
                var input = document.getElementById("li1");
                alert(input.getAttribute("title"));
                input.setAttribute("title", "mgc");
                alert(input.getAttribute("title"));
            }
        </script>
    </head>
    <body>
        <ul id="u">
            <li id="li1" title="hello">Magci</li>
            <li>J2EE</li>
            <li>Haha!</li>
        </ul>
        <input type="button" value="Change" onClick="change();" />
    </body>
</html>

要素,则附和的getAttribute("title")调用将回来null。null是JavaScript语言中的空值,其含义是“你说的那么些事物子虚乌有”。假诺你们想亲身证实一下那件事,请先把下部这段文本插入到“购物清单”文书档案中的现有文本段落之后:

2).HTML文书档案能够说由节点构成的集聚,DOM节点有:

图片 3

Parameter
参数         Description
描述
name         Required. Specifies the attribute to get the attribute value from
必备参数。钦点获取名称所对应的属性值   

setAttribute:设置属性; 复制代码 代码如下: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "" ht...

This is just test

3).节点属性:

图片 4

在文档对象模型 (DOM) 中,各类节点都以一个对象。DOM 节点有八个重大的属性 :

  1. nodeName : 节点的名号
  2. nodeValue :节点的值
  3. nodeType :节点的类别

In all examples, we will use the XML file books.xml, and the JavaScript function loadXMLDoc().
在具有案例中,我们将选择“book.xml”文件以及JavaScript 函数“loadXMLDoc()”。
Example
案例

然后再次加载那些页面。那叁次,你们将看到五个alter对话框,而第叁个对话框将是一片空白或然是只突显着单词“null”——具体情状要在于你的Web浏览器将什么显示null值。
能够修改大家的脚本,让它只在title属性存在时才弹出一条音信。大家将加码一条if语句来检查getAttribute()方法的重临值是还是不是null。趁着那几个机遇,我们还扩充了多少个变量以巩固脚本的可读性:
var ts=document.getElementsByTagName("li");
for (var i=0; i
{text=ts[i].getAttribute("title");
if(text!=null)
{
alert(text)
}
}
近期,假若重复加载那些页面,你们将只会看出叁个出示着“a gentle reminder”音信的alter对话框,如下所示。
大家以致能够把这段代码缩得越来越短一些。当检查某项数据是或不是是null值时,大家实在是在检讨它是或不是留存。这种检讨能够简化为直接把被检查的数量用做if语句的尺度。if (something)与if (something != null)完全等价,但前边贰个显明尤其分明。此时,假诺something存在,则if语句的原则将为真;倘使something不设有,则if语句的尺码将为假。
现实到那一个事例,只要大家把if (title_text != null)替换为if (title_text),大家就足以猎取更显然的代码。其余,为了越发增加代码的可读性,大家还足以趁此机遇把alter语句与if语句写在同一行上,那足以让它们更就像于大家日常生活中的印度语印尼语句子:
var ts=document.getElementsByTagName("li");
for (var i=0; i
{text=ts[i].getAttribute("title");
if(text) alert(text)
}
3.4.2 setAttribute()方法
作者们原先牵线给我们的有所办法都不得不用来研究消息。setAttribute()方法与它们有贰个精神上的界别:它同意大家对质量节点的值做出修改。
类似于getAttribute()方法,setAttribute()方法也是叁个只好通过成分节点指标调用的函数,但setAttribute()方法必要大家向它传递四个参数:
obiect.setAttribute(attribute,value)
在底下的例子里,第一条语句将把id属性值是purchase的因素检索出来,第二条语句将把那几个成分的title属性值设置为a list of goods:
var shopping=document.getElementById("purchases")
shopping.setAttribute("title","a list of goods")
咱俩得以选拔getAttribute()方法来申明那一个成分的title属性值确实发生了扭转:
var shopping=document.getElementById("purchases");
alert(shopping.getAttribute("title"));
shopping.setAttribute("title","a list of goods");
alert(shopping.getAttribute("title"));
上边那几个话语就要显示器上弹出五个alert对话框:第多个alter对话框出现在setAttribute()方法被调用以前,它将是一片空白或展现着单词“null”;第2个冒出在title属性值被安装之后,它将显得着“a list of goods”音讯。
在上例中,我们设置了一个存世节点的title属性,但这一个性格原先并不设有。那象征大家发出的setAttribute()调用实际到位了两项操作:先把那本性格创制出来,然后再对其值进行设置。要是大家把setAttribute()方法用在要初秋点的某部现有属性上,这些天性的日前值将被遮住。
在“购物清单”示例文书档案里,

(一).nodeName 属性: 节点的名目,是只读的。
  1. 要商节点的 nodeName 与标签字一样
  2. 属性节点的 nodeName 是性质的称谓
  3. 文件节点的 nodeName 永久是 #text
  4. 文书档案节点的 nodeName 永久是 #document

The following code fragment gets the value of the "category" attribute in all <book> elements:
上面包车型地铁代码片断将拿到拥有<book>成分中“category”的属性值:

本文由韦德国际1946发布于韦德国际1946国际网址,转载请注明出处:getAttribute方法的行使,的行使介绍

关键词: javasc

上一篇:高端本事汇总,12个css高档技艺汇总
下一篇:没有了