使用Javascript函数设置title属性

时间:2012-10-09 20:03:58

标签: javascript html

我想找到,如果我可以使用Javascript在title元素的label属性上传递值?

我尝试过以下Javascript代码:

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

一段HTML代码:

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

但是,这不起作用。它只是将'myFunction()'显示为文本。

有可能,我想做什么?如果是,那么正确的语法是什么?

3 个答案:

答案 0 :(得分:21)

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

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

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

答案 1 :(得分:6)

你不能像这样内联javascript。

你可能做的是

1)给你的标签上一个id,把它放在身体末端

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

Demonstration

2)如果你真的想内联电话,请在你想要你的标签的地方写下:

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

(这不是真的不推荐)

答案 2 :(得分:4)

尝试这种方式: -

HTML:

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

JS:

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

参考 LIVE DEMO