設置 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>