
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")//IE设置class的方法/*下面的设置方法在Mozilla中有效,在IE中无效*///button.class="bt" //button.className="bt" }原理
用JS来点击按钮需要分2步,第一步是选中按钮的元素,第二步是使用元素自带的click函数。
例如接下来我将要演示的例子中,仅用
document.getElementById("btn").click()
一行就可以控制按钮点击。
其中document.getElementById("btn")是根究id获取按钮的元素,click()是使按钮被点击一次。
演示
这是我为此问题专门写的在线演示页面点击按钮演示页面。
页面结构如图
首先点击右下角打开控制台
然后输入
document.getElementById("btn").click()
这行代码
按回车运行代码即可弹出一行提示,说明按钮被点击。你可以用鼠标点击一下按钮,也是这个效果。