关于getAttribute()和setAttribute()的总结

Posted 2020-09-28

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

最近在看《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标准上越靠越近。

加油吧！！