Question

我正在尝试使用DIV按钮上的document.getElementById操作编辑onclick内容。我尝试了各种方法：

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：

<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天，并且没有在互联网上找到解决方案。

Answer 1

即getElementsByName而非getElementByName，它会返回nodelist。像吼叫一样说

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

Answer 2

但跨度内的文字，如：

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

然后做：

$(#supprimerMatiere span).text('New Text')

与Jquery。

编辑：没有Jquery：

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

Answer 3

没有名为getElementByName(element)

的此类方法

所以它更好地使用id属性并使用getElementById 或getElementsByName(name)[index]

这里是测试Fiddle

无法使用javascript修改DIV内容

3 个答案: