通过id更改span的内容

时间:2012-10-22 11:45:22

标签: javascript innerhtml

我正在努力将约翰换成迈克。我不知道为什么它不起作用。

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

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

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

5 个答案:

答案 0 :(得分:15)

如果您想更改ID,请使用

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

或更经典的

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

如果您想要替换“John”(不是ID而是跨度的内容),请执行

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

答案 1 :(得分:3)

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

答案 2 :(得分:2)

你可以试试这个

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

答案 3 :(得分:1)

尝试:

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

Owner声明在哪里,它在你的函数范围内有效吗?

答案 4 :(得分:0)

对于现代浏览器

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