button调用js方法

JavaScript012

button调用js方法,第1张

访问方式错误

document.button.ok2 --- 这样是取不到button对象

改成

document.getElementById("ok2").value

另外你的意思应该是修改button的文本,value是属性,对于button标签来说,这样是不对的,应该修改button标签中的html内容

function hao() {  

  if (document.getElementById("ok2").innerHTML=="中国") {

   document.getElementById("ok2").innerHTML="北京" 

  } 

  else {

   document.getElementById("ok2").innerHTML="中国"

  }

 }

1、首先使用p标签创建一行文字,设置p标签的id为mytxt。

2、其次使用button标签创建一个按钮,给button绑定onclick点击事件,当按钮被点击时,执行editWord()函数。

3、最后在js标签内,创建editWord()函数,在函数内,通过id获得p元素对象,通过给letterSpacing属性赋值,实现字间距的设置。在浏览器打开test.html文件,点击按钮,查看实现的效果。