关于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标准上越靠越近。
加油吧!!
如果你的才华还实现不了你的野心,那就静下心来,埋头苦干。有志者事竟成破釜成舟百二秦关终属楚,苦心人天不负卧薪尝胆三千越甲可吞吴!