设置 title 属性为 Javascript function

Question

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

我尝试了以下 Javascript 代码：

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

和一段 HTML 代码：

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

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

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

Answer 1

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

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

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

Answer 2

你不能像这样内联javascript。

你可能做的是

1）给你的标签上一个id，把它放在你身体的尽头

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

示范

2）如果你真的想要内联电话，请在你想要你的标签的地方写下：

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

（这不是真的不推荐）

Answer 3

试试这种方式： -

HTML：

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

JS：

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

参考现场演示

Answer 4

我懂了！ 如果您使用的是 angular，则可以使用此数据绑定并调用 function

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