javascript 控制页面元素之－button按钮

关键字：javascript js 控制页面元素 input button javascript生成按钮 禁用按钮 设置按钮样式 更改按钮函数

正文部分：

【功能】在使用javascript的过程中可能需要对页面元素中的按钮进行操作，以下的代码包括javascript创建按钮，并且设置按钮函数，javascript禁用按钮，javascript更改按钮样式操作。

【分析】

1、创建一个元素时，使用createElement()函数

 

2、设置元素属性可以有以下两种常用方式，首先获得具体元素的引用，

a)然后使用elementName.id="";设置她的id属性，同样可以设置name等属性，具体针对不同的页面元素有不同的属性，可以参考DHTML参考手册

b)使用setAttribute函数，elementName.setAttribute("id","elementId");

两种方式各有千秋，例如在设置class属性时就存在a)不好使用的情况，在使用中需要注意。

 

3、删除页面元素。删除时首先需要获得需要删除的元素的引用，然后使用removeChild函数就可以删除该元素了。必须要获得引用后才可以删除（注意）。

 

4、无论是创建或者删除页面元素，针对的对象是document.body。如果需要查看生成页面元素后的代码，需要使用document.body.innerHTML来查看，直接查看源文件是无法看见的。

 

5、设置disable属性也比较简单，只需要将其作为button对象的一个属性，设置为true就可以了。

 

function change_style(){         button=exist();         button.setAttribute("class","bt");//Mozilla设置class的方法         button.setAttribute("className","bt")<