如何动态设置 HTML 元素的标题属性？

Question

我有一组不同的 HTML 元素，例如“文本、收音机、复选框和数字等”。＆我想为我的所有 HTML 字段动态设置标题属性是否可以在页面加载时设置。

以及从相应的 HTML 文件 ID 复制的所有标题值。

谢谢

Answer 1

对的，这是可能的。在页面加载时只需将其设置为：

 document.getElementById('YOURID').setAttribute('title', 'NEW TITLE');

编辑： 根据评论，我知道您想将所有元素的标题设置为与其 ID 相同。假设您只想在body标签内执行此操作，那么您的代码将如下所示：

var children = document.getElementsByTagName("body").getElementsByTagName('*');
//Now children variable has all DOM elements inside `body`
 for (i = 0; i < children.length; ++i) {
 var ele = children[i];
 ele.setAttribute('title',ele.getAttribute("id"));
}

您可能希望在分配任何值之前进行一些检查或防止控制台出错。