Can'；无法使用javascript修改DIV内容

我正在尝试使用按钮上的

onclick

操作中的

document.getElementById

函数编辑

DIV

内容。 我尝试过各种方法：

Element.update(element[, newContent]);
document.getElementByName('myElement').innerHTML='New Text';
document.getElementById('supprimerMatiere').innerHTML='New Text';
document.getElementById('supprimerMatiere').innerText='New Text';
document.getElementById('supprimerMatiere').value='New Text';

他们都不为我工作。这是我的部门：

<div name="supprimerMatiere" class="alert alert-warning"><span class="glyphicon glyphicon-warning-sign"></span> Old Text </div>

旧文本

这是我的按钮，我想把编辑我的DIV文本的功能放在这里：

<button onclick="document.getElementByName('supprimerMatiere').innerHTML='New Text';" class="btn btn-default btn-xs" data-title="Supprimer" data-toggle="modal" data-target="#delete" data-placement="top" rel="tooltip"><span class="glyphicon glyphicon-trash"></span></button>

---

请帮帮我，我被这个问题困扰了3天，在互联网上没有找到解决方案。

也就是说

getElementsByName

不是

getElementByName

，它返回一个

nodelist

。大声说

onclick="document.getElementsByName('supprimerMatiere')[0].innerHTML='New Text';"

---

但是跨距内的文本，如下所示：

<span class="glyphicon glyphicon-warning-sign">Old Text</span>

使用Jquery

编辑：不带Jquery：

document.getElementById("yourspanID").innerHTML = "New Text";

---

没有名为

getElementByName（element）

所以最好使用id属性 并使用

getElementById

或

getElementsByName（名称）[索引]

---

这里是test

Try

onclick=“document.getElementByName（'supplierMatier'）[0]。innerHTML

！您没有为您的div设置

id

，所以

getElementById

将看不到它。可能用户不想使用jQuery库，这里不需要它。为了使更新工作正常，您至少应该为范围创建id。

document.getElementById("yourspanID").innerHTML = "New Text";