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

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

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

谢谢

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

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

---

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

是的，您可以动态设置HTML元素的title属性

例如，如果其中一个表单输入的id为foo，则可以使用以下示例进行设置。由于您希望在文档准备好后执行此操作，因此可以使用jQuery$document.ready

$(document).ready(function() {
    var newTitle= document.getElementById("foo").type;
    document.getElementById("foo").title = newTitle;

    // Alternatively,
    var newTitle = document.getElementById("foo").type;
    document.getElementById("foo").setAttribute("title", newTitle);
});

---

您可以使用以下解决方案：

document.getElementsByTagName("H1")[0].setAttribute("class", "democlass"); //Using Tag
document.querySelector(".class").setAttribute("class", "democlass"); //Using Query Selector
 document.getElementById('YOURID').setAttribute('title', 'NEW TITLE');

使用Jquery

$("#id").attr("kin","kin");

setAttribute方法将指定的属性添加到元素中，并为其指定值

如果指定的属性已存在，则仅设置/更改该值

---

注意：尽管可以使用此方法将带有值的样式属性添加到元素中，建议您使用Style对象的属性而不是内联样式，因为这不会覆盖Style属性中指定的其他CSS属性：

我要为所有HTML文件设置，而不是单个文件表示我要将我的HTML文件ID复制到标题属性您是指要设置标题吗是的，我想设置所有HTML元素，如文本、收音机、复选框等。为什么选择document.getElementByClassName'YOURClass'。setAttribute'title'，NEW title'；不起作用？这不是答案。我希望动态地为所有HTML元素创建