3

单击后,我想更改 HTML 按钮的标题。这就是我尝试过的。

HTML

<button class="fullScreen" data-dojo-type="dijit.form.Button" onclick="FullScreenToggle(this);" id="butFullScreen">
<input type="image" class="ns" onclick="FullScreenToggle(this);" title="Full Screen" value="" />

JS

if (document.getElementById("butFullScreen").title == "Full Screen") {
    document.getElementById("butFullScreen").title = "";
    document.getElementById("butFullScreen").title = "Normal Screen";
} else document.getElementById("butFullScreen").title = "Full Screen";

当我这样做时,JavaScript 调用中的标题不会改变。然后我尝试title=""在 HTML 中使用,然后在 Java Script 调用上更改标题。但是当第一次加载按钮时我没有标题。我希望在加载按钮时将全屏作为标题,然后在每次单击时在普通屏幕和全屏之间切换。

欢迎提出建议,在此先感谢。

更新

简而言之,一旦我在我的 HTML 中设置了 title="Full Screen",java-script 调用就不会改变它。我有什么解决方案或理由吗?

解决了

将 title="" 保留为空白,并在方法中调用 java 脚本<body onload方法。问题解决了。

4

5 回答 5

3

页面加载完成后,您需要调用一个函数 onload site 执行 JavaScript:

在 HTML 中:

<body onload="FullScreenToggle();">

在 JavaScript 中:

window.onload=function(){FullScreenToggle();};
于 2013-08-29T06:25:55.633 回答
3

尝试这个

if (document.getElementById("butFullScreen").getAttribute('title')=="Full Screen"){ 
   document.getElementById("butFullScreen").setAttribute('title',"Normal text");
    }
else
   document.getElementById("butFullScreen").setAttribute('title',"Full Screen");
于 2013-08-29T06:21:25.737 回答
3

试试这个在按钮点击:

 var butn=document.getElementById("butFullScreen").value;
 if(butn=="Full Screen")
     document.getElementById("butFullScreen").value="Normal Screen";
 if(butn=="Normal Screen")
     document.getElementById("butFullScreen").value="Full Screen";
于 2013-08-29T06:29:26.757 回答
2

给你的按钮标题:

function FullScreenToggle(){
 if (document.getElementById("butFullScreen").title == "Full Screen"){
    document.getElementById("butFullScreen").title = "Normal Screen";
 } else {
    document.getElementById("butFullScreen").title = "Full Screen";
 } 
于 2013-08-29T07:01:09.320 回答
0

我的偏好是只document.getElementById打一次清洁和易于维护的电话。另外,我会.title直接使用该属性。

function FullScreenToggle() {
    var button = document.getElementById("butFullScreen");
    if (button.title == "Full Screen") {
        button.title = "Normal Screen";
    } else {
        button.title = "Full Screen";
    }
}
于 2016-08-26T21:55:32.967 回答