javascript - 如何动态设置 HTML 元素的 title 属性？

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"));
}

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