在頁面加載時使用javascript向html元素添加屬性？

Question

我嘗試過的：

function addAttribute(){
     document.getElementById('myid')... 
};
window.onload = addAttribute;

如何添加屬性到id="myid"元素？

Answer 1

document.getElementById('telheaderid').yourattribute = "your_value";

例如

document.getElementById('telheaderid').value = "your_value";

使用jQuery：

$('#telheaderid').attr('value', 'your_value');

編輯：
聚焦是當元素聚焦時觸發的事件，或者例如當我們點擊它突出顯示時間的textarea時。

使用jQuery：

$('#telheaderid').focus(function() {
   $(this).val('');
   // run any code when the textarea get focused
});

使用普通的javascript：

document.getElementById('telheaderid').addEventListener('focus', function() {
   this.value = "";
});

Answer 2

用這個：

document.getElementById('telheaderid').setAttribute('class','YourAttribute')

Answer 3

W3C標准方式：

function functionAddAttribute(){
     document.getElementById('telheaderid').setAttribute('attributeName', 'attributeValue');
};
window.onload = functionAddAttribute;

對於IE：

function functionAddAttribute(){
     document.getElementById('telheaderid').attributeName = 'attributeValue';
};
window.onload = functionAddAttribute;

享受你的代碼！