zoukankan      html  css  js  c++  java
  • 关于getAttribute()和setAttribute()的总结

    继续声明:欲练其功,必先自宫。博主正处在自宫阶段,修炼得道者多多指教。

    最近在看《JavaScript DOM 编程艺术》这本书,看到了getAttribute()和setAttribute()就想把自己的收获写下来。以及书中出现的疑点。

    getAttribute是一个函数。它只能通过元素节点对象调用。也就是说用获取到的元素来调用。

    语法:object.getAttribute(attribute);

    下面看一个最简单的例子:

    p标签测试内容,通过getElementById()来获取该元素之后赋值给test。然后获取p元素的title属性。

    这里结果就是我们写的nothing is impossible。getAttribute()很简单,也很好用。

    如果该元素没有我们需要的属性,则会返回null.

    第二:setAttribute(),也就是在这里,我发现了这本书的一处错误点。可能是没有更新吧。

    setAttribute()是用来对属性值进行修改的。它与getAttribute()一样,也只能用于元素节点。

    语法:object.setAttribute(attribute,value);前一个是要设置的属性名称,例如"title","id"等,后一个则是要设置的属性内容。

    我们还用上面给的例子来写。

    这是我们控制台输出的结果

    这毋庸置疑,也就是在这个地方,我发现了一个与书中讲解的不同。

    在下面我拍的照片中可以明显看到书中说的,通过setAttribute()对文档做出修改之后,通过浏览器的view source查看属性的内容是没变化的。但是我在chrome和FF中查看之后明显做出的改变,并且显示了出来。

     

     

    而写该本书的作者也不会犯低级错误,否则他也不会明确写明在浏览器里不会改变,时代在进步,科技在发展。什么都在变化。浏览器厂商也在一直往适应js标准上越靠越近。

    加油吧!!

    如果你的才华还实现不了你的野心,那就静下心来,埋头苦干。有志者事竟成破釜成舟百二秦关终属楚,苦心人天不负卧薪尝胆三千越甲可吞吴!
  • 相关阅读:
    致命错误 RC1004: 文件查找结束时有无法预知的错误(vc++)
    demo713总结
    图标,鼠标,字符串,音频..
    不同的色深条件(8、16、24、32),像素绘制方式
    SQL 保留两位小数的实现方式
    MVC4的REmote缺陷
    MVC4安装过程
    mongodb 的几种驱动
    iis7 web配置问题及解决办法
    Fast Binary File Reading with C#
  • 原文地址:https://www.cnblogs.com/chinabin1993/p/7182365.html
Copyright © 2011-2022 走看看