3.10 动态修改元素属性值

在前面的章节中介绍了如何遍历元素的全部属性，本节将在此基础上介绍如何动态修改元素的属性值。下面实现一个JavaScript动态修改元素属性值的代码实例。

关于【代码3-10】的说明：

● 第14行代码通过标签<input>定义了一个文本框，并定义了type="text"、class="css"、name="name"、id="id-name"和value="King"这几个属性。

● 第16行和第17行代码分别定义了两个按钮控件：第一个按钮控件用于获取文本框（在第14行代码中定义）的全部原始属性，第二个按钮控件用于动态修改该文本框的全部属性。

● 第20～31行代码定义的函数实现了动态修改文本框全部属性的操作。其中，第24行代码定义的数组包括了全部新的属性值，比较有意思的是将文本框类型（type="text"）修改为了密码框类型（type="password"）。

下面使用Firefox浏览器运行测试该HTML网页，具体效果如图3.10所示。