使用 Javascript 函数设置标题属性

Setting title attribute with Javascript function

提问by Redg

I am trying to find, if I can pass a value on the titleattribute of a labelelement using Javascript?

我正在尝试查找，是否可以使用 Javascripttitle在label元素的属性上传递值？

I have tried the following Javascript code:

我尝试了以下 Javascript 代码：

function myFunction()
{
    return "Hello!";
}

And a piece of HTML code:

还有一段HTML代码：

<label title="myFunction()">TEST</label>

But, this isn't working. It just show the 'myFunction()' as a text.

但是，这行不通。它只是将“myFunction()”显示为文本。

Is it possible, what I am trying to do? If yes, what is the correct syntax?

有可能吗，我正在尝试做什么？如果是，正确的语法是什么？

回答by dakn?k

<label id='mylabel'>TEST</label>
<script>
    function myFunction() {
        return "Hello!";
    }

    document.getElementById('mylabel').setAttribute('title', myFunction());
</script>

Should do the job. It first selects the label and then sets the attribute.

应该做这项工作。它首先选择标签，然后设置属性。

回答by Denys Séguret

You can't inline javascript like this.

你不能像这样内联javascript。

What you may do is

你可以做的是

1) give an id to your label and put this at the end of your body

1）给你的标签一个id，把它放在你身体的末端

<script>
   document.getElementById('myId').title = myFunction();
</script>

Demonstration

示范

2) if you really want to inline the call, write this at the point where you want your label :

2）如果你真的想内联调用，在你想要标签的地方写下这个：

<script>
     document.write('<label title="'+myFunction()+'">TEST</label>');
</script>

(this is really not recommended)

（这个真的不推荐）

回答by Siva Charan

Try this way:-

试试这个方法：-

HTML:

HTML：

<label id="lab">TEST</label>?

JS:

JS：

window.onload = function() {
    document.getElementById('lab').setAttribute('title','mytitle');
    alert(document.getElementById('lab').title);
}?

Refer LIVE DEMO

参考现场演示