JavaScript setAttribute( )方法

软件技术 前端
1

该方法可以修改任意元素节点指定属性名称的某个属性值，语法如下：object.setAttribute(attribute,value)类似于getAttribute( )方法，setAttribute( )方法也只能通过元素节点对象调用，但是需要传递两个参数：

attribute：指定目标节点要修改的属性

value：属性修改的目标值

下面的代码演示其功能：[code]

Sample Page!
  • Beans
  • Cheese
  • Milk
[/code]运行结果显示null 和New List，因为id 属性值为purchases 的ul 元素节点的title 属性在shoplist.setAttribute("title","New List")代码运行之前根本不存在，所以显示null；运行后，修改title 属性为“New List”。这意味着至少完成了两个步骤：

（1）创建ul 元素节点的title 属性；

（2）设置刚创建的title 属性值；

当然，如果title 属性值本来就存在，运行shoplist.setAttribute(“title”,“New List”)后，title 原来的属性值被“New List”覆盖。

注意：通过 setAttribute( )方法对文档做出的修改，将使浏览器窗口的显示效果、行为动作等发生相应的变化，这是一个动态的过程。但是这种修改并不反应到文档本身的物理内容上。

这由DOM 的工作模式决定：先加载文档静态内容，再以动态的方式对文档进行刷新，动态刷新不影响文档的静态内容。

客户端用户不需要手动执行页面刷新操作就能动态刷新页面。