Javascript Onclick更改Div标题

我喜欢使用onclick函数更改div的标题。我有一个新的to.js

function changeTitle() {
    document.getElementById("amul").attr('title', 'Item Added');

}

这是我插入onclick函数的输入按钮

<input type="button" class="button2" id="item1" value="Add to Cart" title="Add to Cart" onClick="addItem_check('item_listing_100','ItemTable','100','Amul Butter','500','g','150.00','1','kg','200.00','2','kg','250.00'); amul.style.backgroundColor='#c2ed5c'; if(this.value=='Add to Cart') {this.value = 'Remove from Cart'}; item1();  "/>

这是我想更改标题的div

<div class="center_prod_box" id="amul">. . . </div>

。

您可以使用该属性：

document.getElementById("amul").title = "Item Added";

或者，使用以下方法：

试试这个：-

document.getElementById("amul").setAttribute("title", "Item Added");

---

您将普通JavaScript（

getElementById

）与jQuery（

attr

）混合使用，这两种方法不兼容。请尝试以下方法之一：

// Plain JS (recommended)
document.getElementById("amul").title = "Item Added";

// Plain JS, may not work in <= IE7
document.getElementById("amul").setAttribute("title", "Item Added")

// jQuery (recommended)
$('#amul').attr('title', 'Item Added');

// You can also get the native JS object from a jQuery object
$('#amul')[0].title = "Item Added";
$('#amul')[0].setAttribute("title", "Item Added")

//普通JS（推荐）
document.getElementById（“amul”）.title=“添加的项目”；
//普通JS，可能不适用于
title
并不是
div
元素的标准属性，尽管许多浏览器都会解释它（并且经常在元素悬停时显示标题，如
a
标题）。在html5中，这并不重要，因为你可以随意设置任何属性，但我想知道你是否希望编辑所讨论的
div
的内容，而不是它的属性？
// Plain JS (recommended)
document.getElementById("amul").title = "Item Added";

// Plain JS, may not work in <= IE7
document.getElementById("amul").setAttribute("title", "Item Added")

// jQuery (recommended)
$('#amul').attr('title', 'Item Added');

// You can also get the native JS object from a jQuery object
$('#amul')[0].title = "Item Added";
$('#amul')[0].setAttribute("title", "Item Added")