更改HTML按钮的标题

我想更改一次HTML按钮的标题。这是我的尝试。更改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="" />

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调用不会改变。然后我尝试在HTML中使用title=""，然后在Java Script调用中更改标题。但是当第一次加载按钮时，我没有标题。我想在加载按钮时将全屏幕作为标题，然后在每次单击时在正常屏幕&全屏幕之间切换。

建议，欢迎提前致谢。在简短的

更新

问题是，一旦我在我的HTML设置标题=“全屏”，Java的脚本调用不会改变它。我有没有解决方案或推理呢？

解决

保持标题= “” 作为空白，并在<body onload方法调用的Java脚本的方法。问题解决了。

来源

2013-08-29 Amila

备注：由于您未关闭“

u需要调用一个函数的onload网站执行一个JavaScript时，页面加载完成：

在HTML：

<body onload="FullScreenToggle();">

在JavaScript：

window.onload=function(){FullScreenToggle();};

来源

2013-08-29 06:25:55

从这里得到了这个想法，它工作。非常感谢。 – Amila

试试这个

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-29 06:21:25 Shadow

感谢您的答复，但不幸的是，这并不适用于我。我在HTML代码中设置了标题=“全屏”。它不会改变Java脚本调用:( – Amila

再试一次.. – Shadow

那么，事情是一旦我在我的HTML中设置标题=“全屏”，Java脚本调用不会改变它我有任何解决方案或推理呢？ – Amila

试试这个在按钮点击：

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-29 06:29:26 Kalyan

感谢您的答复，但不幸的是，这不适合我。我在HTML代码中设置了标题=“全屏”。它在Java Script调用中不会改变。其实我想改变标题（标题可以作为工具提示），而不是价值。 – Amila

你想改变按钮文本的权利？ – Kalyan

按钮的title属性是* tooltip *，而不是显示的文本。 – mbomb007

给标题您的按钮：

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

来源

2013-08-29 07:01:09 shi69

尝试过，但没有运气：/ – Amila

我更倾向于将只作1 document.getElementById呼吁清洁和维护的方便性。另外，我会直接使用.title attibute。

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

来源

2016-08-26 21:55:32

更改HTML按钮的标题

回答

相关问题