JavaScript DOM学习总结（二）

最新推荐文章于 2022-04-25 15:06:33 发布

jizhen_tan

最新推荐文章于 2022-04-25 15:06:33 发布

阅读量674

点赞数 1

分类专栏： JavaScript 文章标签： javascript 函数 dom

本文链接：https://blog.csdn.net/Jizhen_Tan/article/details/50071553

版权

JavaScript 专栏收录该内容

42 篇文章 1 订阅

订阅专栏

获取和设置属性

DOM实在是个好东西，掌握了它我们不仅可以在JavaScript中使用，其它程序语言我们同样可以使用。
接下来就一起使用DOM来干些实事吧！
1.getAttribute
getAttribute是一个函数，它只有一个参数———就是我们要查询的属性的名字。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <title>Test</title>
  <style></style>
</head>
<body>
  <p id="para" title="It's just a test !" >A example paragraph !</p>
  <script language="javascript">
     var para=document.getElementById("para")//利用getElementById获取id为para的元素
     var title=para.getAttribute("title");//获取title 属性
     alert(title);//弹出对话框 It's just a test !
  </script>
</body>
</html>

截图：

这里写图片描述
说明：getAttribute函数只能得到属性却无法修改属性，如果我们要修改属性还得靠它：

2.setAttribute
和getAttribute一样，setAttribute只能用于元素节点，setAttribute函数有两个参数，第一个是我们要修改的元素属性，第二个是我们要修改的内容，示例如下：

     var para=document.getElementById("para")//利用getElementById获取id为para的元素
     var title=para.setAttribute("title","Change title !");//修改title属性
     alert(para.title);//弹出Change title

截图：

这里写图片描述

当然DOM的属性和方法不仅仅是只有这几个，如nodeName,nodeValue,childNodes,nextSibling等，这里就举这几个人例子。

Happy hacking !

jizhen_tan

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript DOM学习总结（二）

获取和设置属性DOM实在是个好东西，掌握了它我们不仅可以在JavaScript中使用，其它程序语言我们同样可以使用。接下来就一起使用DOM来干些实事吧！ 1.getAttribute getAttribute是一个函数，它只有一个参数———就是我们要查询的属性的名字。<!DOCTYPE html><html lang="en"><head> <meta http-equiv="con
复制链接

扫一扫