在页面加载时使用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;

享受您的代码！