7.节点的属性

最新推荐文章于 2020-03-09 13:10:09 发布

aizishen7742

最新推荐文章于 2020-03-09 13:10:09 发布

阅读量57

点赞数

原文链接：http://www.cnblogs.com/BingBing-Deng/p/10427111.html

版权

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title></title>
 6     <script>
 7         window.onload = function () {
 8 
 9             var eleNode = document.getElementsByTagName("img")[0];
10 
11             //属性、赋值获取两种方式
12             //1.元素节点.属性或者元素节点[属性]
13             eleNode.src = "image/jd2.png";
14             eleNode.aaa = "bbb";
15             console.log(eleNode.aaa);
16             console.log(eleNode.src);
17             console.log(eleNode.tagName);
18             console.log(eleNode["title"]);
19             console.log(eleNode["className"]);
20             console.log(eleNode["alt"]);
21 
22             //2.元素节点.方法();
23             console.log(eleNode.getAttribute("id"));
24             eleNode.setAttribute("id","你好");
25             eleNode.setAttribute("ccc","ddd");
26 
27             eleNode.removeAttribute("id");
28         }
29     </script>
30 </head>
31 <body>
32 <img src="image/jd1.png" class="box" title="图片" alt="京东狗" id="aaa"/>
33 </body>
34 </html>

转载于:https://www.cnblogs.com/BingBing-Deng/p/10427111.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aizishen7742

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
7.节点的属性

1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script> 7 window.onload = ...
复制链接

扫一扫