章节
问答
课签
笔记
评论
占位
占位

getAttribute()方法

通过元素节点的属性名称获取属性的值。

语法：

elementNode.getAttribute(name)

说明:

1. elementNode：使用getElementById()、getElementsByTagName()等方法，获取到的元素节点。

2. name：要想查询的元素节点的属性名字

看看下面的代码，获取h1标签的属性值：

运行结果:

h1标签的ID ：alink
h1标签的title ：getAttribute()获取标签的属值

 

任务

试一试，使用getAttribute()方法，完成下面的任务:

在第20行补充代码，使用getAttribute()方法，获取LI标签的title值。

?不会了怎么办
||
1
2
<!DOCTYPE HTML>
<html>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
提交
重置代码
||

请验证，完成请求

由于请求次数过多，请先验证，完成再次请求

加群二维码

打开微信扫码自动绑定

您还未绑定服务号

绑定后可得到

  • · 粉丝专属优惠福利
  • · 大咖直播交流干货
  • · 课程更新,问题答复提醒
  • · 账号支付安全提醒

收藏课程后，能更快找到我哦～

使用 Ctrl+D 可将课程添加到书签

邀请您关注公众号
关注后，及时获悉本课程动态

举报

0/150
提交
取消
全部 精华 我要发布

var text=con[i].getAttribute("title")与var text=con[i].title 有什么区别吗？

最赞回答 / qq_慕九州6342324
这里的title点操作符和getAttribute获取到的属性值没区别。点操作符 只能对html里面本身就有的标签操作getAttribute能跟点操作符一样获取操作，还能对自定义标签节点操作。比如<div title= "1"  abcd="5"></div>这个标签里面的title两个都能获取操作。而abcd只能getAttribute获取操作，点操作符获取不到。
2 回答 840 浏览
2022-04-22

已实现，可以参考一下

最新回答 / 慕神3271549
不错！
1 回答 1153 浏览
2022-04-27

请大家帮忙看看，可以简单点吗

最新回答 / qq_慕九州6342324
if的条件text!=null可以直接填textvar text = con[i].getAttribute("title");title标签可以直接点操作var text = con[i].title
3 回答 720 浏览
2022-05-06

请问为什么报错

最新回答 / 几盎丶
 console.log("var text=con.getAttribute("title")");这一行你想表达的意思没有错，是要输出一个提示性的字符串吧，主要是双引号不对，双引号标记了字符串，那内部应该使用单引号
3 回答 657 浏览
2020-06-05

第二个和第五个给吞了吗

已采纳回答 / 慕圣5175744
没有name，也没给值，你怎么输出第二第五个啊
2 回答 971 浏览
2019-12-06

运行是运行了，但是说出错了，那位大佬帮我看看，谢谢

最新回答 / qq_慕九州6342324
没有问题 重新提交
3 回答 913 浏览
2021-01-27

text=""与text="null"有什么区别？

最新回答 / 几盎丶
前者是空字符串，后者是空，
2 回答 1100 浏览
2020-06-05

con为什么是一个数组

最赞回答 / sdarks
因为document.getElementsByTagName("li")是通过标签名来查找元素，而标签名是可以重复的，所以这里获取到的是数组。
2 回答 800 浏览
2022-07-04

con[i]是什么意思？

最赞回答 / 你又调皮
elementNode表示元素节点，con应该是getElementsByTagName("li")方法的返回值（该方法返回所有li元素的集合，是个类数组对象，可以通过con[index]访问每一个li元素）,con[i]表示第i个li元素。
1 回答 1261 浏览
2019-09-04

这里为什么一定要写变量名为text（加粗斜体）

最新回答 / qq_慕慕8391290
    if(text!=null)      {        document.write(text+"<br>");      }后面的判断变量名是text
1 回答 986 浏览
2019-09-02

请问为什么这个没有输出呢？在editplus里显示没有getAttribute这个属性或方法

最赞回答 / 巳辰
问题出在这一句：var text=con.getAttribute("title");因为con你获取的是一个数组，改成con[i]，指定一个元素就行了
2 回答 879 浏览
2019-08-25

访问元素节点属性的方式，可以直接用“元素.属性”的方式访问？

最赞回答 / angle_juan
con[i].getAttribute("title")这个是获取到title属性的值。意思就是如果标签有title属性，且值存在，那就获取到。con[i].title 这个则是获取到标签的title，如果没有title则创建一个值为空串的title；<...code...><...图片...>
3 回答 1338 浏览
2019-10-05

我有个疑问 if(test!=null) { document.write(text+"<br>"); }

已采纳回答 / 宝慕林7433017
var text=con[i].getAttribute("title");    这么写就对了，不多解释自己看
2 回答 2495 浏览
2019-03-17

为什么显示的是：HTML CSS JavaScript......这几个都是标签里面的。怎么不显示title里面的内容 ？

最赞回答 / 千古月
var text = con.item(i).getAttribute("title");
5 回答 1205 浏览
2019-05-21

用document.getElementById获取元素怎么没有输出值啊?求大佬帮忙看下

最新回答 / 彷徨不知所措
doucument.write(tests.getAttribute("title"));document打错了
1 回答 1426 浏览
2018-10-08
全部 我要发布
最热 最新
只看我的

推荐课程

推荐路线系统化学习，打造阶梯学习模式

相关课程

手记推荐

更多

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

账号登录 验证码登录

遇到问题
忘记密码

登录即同意慕课网《隐私政策》
代码语言