通过 id 更改 span 的内容答案

【问题标题】：Change content of span by id通过 id 更改 span 的内容
【发布时间】：2012-10-12 05:22:25
【问题描述】：

我正在尝试将 john 更改为 mike。我不知道为什么它不起作用。

<span id="user">John</span>

我正在尝试这个但不工作我不知道为什么不工作。

function set() {
    document['getElementById']('user')['value'] = Owner; 
    // owner value is mike
}

【问题讨论】：

为什么你认为span标签有值？
为什么不使用obj.key 语法而不是obj['key']？对于静态键，这是要走的路。没有人期望document['getElementById'] 而不是document.getElementById

标签： javascript innerhtml

【解决方案1】：

如果要更改id，请使用

 document['getElementById']('user').id = 'mike';

或者，更经典的，

 document.getElementById('user').id = 'mike';

如果你想替换“John”（不是ID而是span的内容），做

 document.getElementById('user').innerHTML = 'mike';

【讨论】：

更改id 会如何更改节点的文本？
@zerkms 问题标题（“尝试更改跨度 ID”）和问题内容不同。这就是我为每个人提供解决方案的原因。

【解决方案2】：

function set() {
    document.getElementByID('user').innerHTML = Owner; 
    // owner value is mike
}

【讨论】：

【解决方案3】：

尝试：

function set() {
    document.getElementById('user').innerText= Owner; 
    // owner value is mike
}

Owner 在哪里声明，在你的函数范围内是否有效？

【讨论】：

innerText 是特定于 IE 的。现在 Chrome 支持，但 Firefox 不支持。
公平地说...这并不明显。并且其他浏览器使用 textContent 名称也无济于事。
这就是我使用 jQuery 来抽象浏览器特定内容的原因 :)

【解决方案4】：

你可以试试这个

function set()
{
  var elem = document.getElementById('user'); 

  elem.innerHTML = "Owner";
}

if you want to add an **id** you can use **setAttribute()**
eg:

 document.getElementById('user').setAttribute('id','owner');

注意

 **value** attribute only work with input, text area,button etc..

例如：

 <input type="text" id="inid" value=""/>

 document.getElementById('inid').value = "Something";  // this will work

【讨论】：

【解决方案5】：

对于现代浏览器

document.getElementById("span_id_here").textContent="yourtext";

【讨论】：