html botton右侧显示,HTML+CSS入门 如何修改HTML中button显示的文字

本篇教程介绍了HTML+CSS入门 如何修改HTML中button显示的文字，希望阅读本篇文章以后大家有所收获，帮助大家HTML+CSS入门。

<

1.   实现密码输入框的可见和隐藏

直接修改value属性即可

function getPasswd(){

var passwd = document.getElementById("pwdID");

var pwdBtn = document.getElementById("pwdBtnID");

if(passwd.type=="password")    {

passwd.type="text";

pwdBtn.value="隐藏";

}

else{

passwd.type="password";

pwdBtn.value="显示";

}

}

密码：

2.  实现视频的播放和暂停

修改button的innerHTML

function playVideo(){

var videoDiv = document.getElementById("videoId");

var videoBtn = document.getElementById("videoBtn");

if(videoDiv.paused){

videoDiv.play();

videoBtn.innerHTML = "暂停";

}

else{

videoDiv.pause();

videoBtn.innerHTML="播放";

}

}

播放

3. innerHTML、innerText、outerHTML、outerText

innerHTML是符合W3C标准的属性，其它属性不推荐使用

本文由职坐标整理发布，欢迎关注职坐标WEB前端HTML/CSS频道，获取更多HTML/CSS知识！