四个常用DOM方法(getElementById、getElementByTagName、getAttribute、setAttribute)

1、getElementById()方法

这个方法是与document对象相关联的函数,方法中只有一个参数。

eg:document.getElementById(id)

这个调用将返回一个对象,这个对象对应着document对象里的一个独一无二的元素。

在文档中每一个元素都对应着一个对象,利用这个方法我们可以把与这些元素相对应的任何一个对象筛选出来。


2、getElementByTagName()方法

类似于getElementById(),该方法也只有一个参数,此参数为(X)HTML标签的名字:

eg:element.getElementByTagName(tag)

这个对象调用将返回一个对象数组,每个对象分别对应着文档里有着给定标签的一个元素。

getElementById()方法和getElementByTagName()方法属于检索特定元素节点的办法。


3、getAttribute()

只有一个参数,此参数为你打算查询的属性的名字:

object.getAttribute(attribute)

getAttribute()方法不能通过document对象掉哟美好,只能通过元素节点的对象调用,它返回的是元素的各种属性值。


4、setAttribute()

只能通过元素节点调用的函数,需要传递两个参数

eg:setAttribute(attribute,value)

将元素的属性值设为value

这四个方法是DOM脚本的基石。


  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: setattribute和getattribute是JavaScript中的两个方法,用于设置和获取HTML元素的属性。 setattribute方法可以用来设置HTML元素的属性,例如: ``` document.getElementById("myElement").setAttribute("class", "myClass"); ``` 这会将ID为“myElement”的元素的class属性设置为“myClass”。 getattribute方法可以用来获取HTML元素的属性,例如: ``` var myClass = document.getElementById("myElement").getAttribute("class"); ``` 这会将ID为“myElement”的元素的class属性的值存储在变量myClass中。 ### 回答2: setAttribute和getAttribute都是Javascript中常用方法,主要用于操作和获取HTML元素的属性。 setAttribute方法可以用来动态地改变HTML元素的属性值,例如: document.getElementById("myImg").setAttribute("src", "newImg.jpg"); 这段代码会将id为“myImg”的元素的src属性修改为“newImg.jpg”。setAttribute方法有两个参数,第一个参数是要设置的属性名,第二个参数是要设置的属性值。 getAttribute方法则用于获取HTML元素的属性值,例如: var title = document.getElementById("myTitle").getAttribute("title"); 这段代码会获取id为“myTitle”的元素的title属性值,并将其赋值给变量“title”。getAttribute方法有一个参数,即要获取的属性名。 需要注意的是,setAttribute和getAttribute只能操作和获取HTML元素的标准属性,不能操作和获取行内样式的属性。如果要操作和获取行内样式的属性,需要使用style属性。 另外,需要注意的是,在HTML5规范中,可以直接通过对象.属性的方式来设置和获取HTML元素的标准属性,例如: document.getElementById("myImg").src = "newImg.jpg"; var title = document.getElementById("myTitle").title; 但是,这种方式只适用于HTML元素的标准属性,不能操作和获取非标准属性或自定义属性。因此,在一些较老的浏览器中,仍然需要使用setAttribute和getAttribute方法来操作和获取HTML元素的属性。 ### 回答3: setAttribute和getAttribute是JavaScript中DOM(Document Object Model)的元素属性操作方法setAttribute方法用于设置指定元素的属性值,而getAttribute方法用于获取指定元素的属性值。 setAttribute方法需要两个参数:属性名和属性值。例如,如果要将元素的class属性设置为“myclass”,则可以使用以下代码: element.setAttribute("class", "myclass"); 使用getAttribute方法来检索属性值。例如,如果想要获取元素的class属性的值,则可以使用以下代码: var classname = element.getAttribute("class"); 当使用setAttribute方法设置属性值时,它将覆盖任何现有的相同属性。因此,在设置属性值之前,最好先检查其是否已存在。 getAttribute方法返回属性值的字符串表示形式。如果属性不存在,则返回null。请注意,它不会返回数字对象或布尔值。 在JavaScript中,setAttribute和getAttribute方法不仅适用于HTML元素,也适用于XML文档中的元素。因此,在处理XML文档时,这些方法比较有用。 总之,setAttribute和getAttribute方法对于操作DOM元素的属性非常有用,可以帮助我们控制HTML和XML文档的表现和行为。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值